Fira Sans

Try Fira Sans

Weights and styles

• Thin 100Fira Sans Thin Thin Italic
• ExtraLight 200Fira Sans ExtraLight ExtraLight Italic
• Light 300Fira Sans Light Light Italic
• Regular 400Fira Sans Regular Italic
• Medium 500Fira Sans Medium Medium Italic
• SemiBold 600Fira Sans SemiBold SemiBold Italic
• Bold 700Fira Sans Bold Bold Italic
• ExtraBold 800Fira Sans ExtraBold ExtraBold Italic
• Black 900Fira Sans Black Black Italic

About Fira Sans

Fira Sans is a sans serif family designed to match the character of Mozilla's FirefoxOS and to remain legible on a wide range of handsets with differing screen quality and rendering. The specimen shows a tall lowercase, open apertures in a, c, e and s, a slight angle on some stroke endings and sturdy joins that stay clear in the Black weight. The family has nine weights, Thin 100 to Black 900, each with an italic, for 18 styles supplied as static files; it is not a variable font. Each font holds 2,677 glyphs covering Latin, Latin Extended, Cyrillic, Greek and Vietnamese. According to the official notes, Fira comes in three widths, all with italics, plus a monospaced variant. Carrois, a Berlin type foundry, leads the project; the copyright belongs to The Mozilla Foundation and Telefonica S.A.

Where Fira Sans works

Phone and tablet interfaces

Legibility on screens of varying quality was the stated design goal.

Technical documentation

Italics for all nine weights handle emphasis, and the related monospaced variant can set the code.

Multilingual products

One family covers Latin, Cyrillic, Greek and Vietnamese with the same weight range.

Body text on websites

Regular and Medium have open letter shapes that keep paragraphs clear at ordinary text sizes.

Brand systems

Thin to Black plus condensed sister families give a full hierarchy from one design.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian
• Vietnamese
• Russian
• Ukrainian
• Bulgarian
• Greek

Writing systems with glyphs in the family besides Latin: Cyrillic, Greek. These are listed as scripts, not as a promise for every language written in them.

Character sets found in the files: cyrillic, cyrillic-ext, greek, greek-ext, latin, latin-ext, vietnamese. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Fira Sans

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Fira Sans on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* …and 14 more files in the package, declared the same way */

body {
  font-family: "Fira Sans", sans-serif;
}

Or load it from the official source. Google Fonts serves Fira Sans with this markup:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

Things to know

Static fonts only

The package contains 18 separate TTF files and no variable font.

Condensed widths are separate families

Narrower versions are published under their own family names rather than as an axis.

Four scripts in every file

Each of the 18 fonts carries the full set of 2,677 glyphs: Latin, Cyrillic, Greek and Vietnamese.

FAQs

Collections with Fira Sans

• Fonts for subtitles and video captions

  Plain, sturdy sans-serif families for subtitles and captions, chosen for clear letters at small sizes and, in most cases, wide language coverage.

• Humanist sans-serif fonts for readable text

  Sans-serif families with open, pen-influenced letterforms that stay comfortable in paragraphs, documents and interface text.

• Font families with nine weights and italics

  Complete families running from Thin to Black with an italic for every weight: eighteen styles for a full typographic system.

• Type systems with matching sans, serif and mono families

  Families designed to be used together: a sans, a serif or slab and often a monospace that share proportions, weights and character.

Similar fonts

Other families in the same classification, ordered by shared use tags. All sans serif fonts