Fira Sans Extra Condensed

Try Fira Sans Extra Condensed

Weights and styles

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

About Fira Sans Extra Condensed

Fira Sans Extra Condensed is a humanist sans serif squeezed into very narrow proportions, the tightest of the three widths in which the Fira family is offered. The Fira typefaces were made to match the character of Mozilla's Firefox OS and to stay legible on phones whose screens differ in quality and rendering. In the specimen the letters keep open apertures and a tall lowercase despite the compression, and stroke thickness stays nearly even. The family ships as static files: Thin 100 to Black 900, upright and italic, 18 styles. Each font holds 2,677 glyphs with Latin, Cyrillic, Greek and Vietnamese character sets. The project is led by Carrois; the name table inside the font credits Carrois Corporate and Edenspiekermann AG, and the license notice names The Mozilla Foundation and Telefonica S.A.

Where Fira Sans Extra Condensed works

Headlines in narrow columns

The extra-condensed width fits a long headline on a single line of a narrow column or a phone screen, and Bold through Black give it weight.

Data tables and dashboards

Narrow letters and figures let more columns share a row, while the open apertures stop letters closing up at small sizes.

Navigation, tabs and tags

Labels that would wrap in a normal-width face stay on one line, with Medium and SemiBold available for the active state.

Headings in several scripts

Latin, Cyrillic and Greek share the same narrow proportions, so translated headings keep a similar length and density.

Emphasis without a second family

Every weight from Thin to Black has its own italic, so captions and pull quotes can be stressed inside the same condensed width.

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 Extra Condensed

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 Extra Condensed 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 Extra Condensed";
  src: url("/assets/fonts/FiraSansExtraCondensed-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans Extra Condensed";
  src: url("/assets/fonts/FiraSansExtraCondensed-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans Extra Condensed";
  src: url("/assets/fonts/FiraSansExtraCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans Extra Condensed";
  src: url("/assets/fonts/FiraSansExtraCondensed-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 Extra Condensed", sans-serif;
}

Or load it from the official source. Google Fonts serves Fira Sans Extra Condensed 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+Extra+Condensed: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 files, no variable axis

Fira Sans Extra Condensed is not a variable font. The download holds 18 separate TTF files, one for each weight and style.

One width out of three

The official notes describe Fira as a family in three widths, all with italics, plus a monospaced variant. This page covers the narrowest width only.

Designer credit differs by source

The catalogue lists Carrois Apostrophe as the designer, while the font's own name table reads Carrois Corporate & Edenspiekermann AG.

FAQs

Collections with Fira Sans Extra Condensed

• Condensed fonts for headlines

  Narrow sans-serif and serif display fonts that set tall, compact headlines in limited width, from hairline to heavy.

Similar fonts

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