Sans-Serif · 18 styles · SIL Open Font License 1.1

Fira Sans Extra Condensed

Designed by Carrois Apostrophe

Specimen

Fira Sans Extra Condensed · 18 styles · live preview from Google Fonts CDN
Fira Sans Extra Condensed
The quick brown fox jumps over the lazy dog
Typography is the craft of endowing human language with a durable visual form. It connects the smallest mark on a page to the largest cultural questions a society can ask of itself.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 .,;:!?&@#$%

About Fira Sans Extra Condensed

Fira Sans Extra Condensed is a typeface designed by Carrois Apostrophe and released through the Google Fonts open-source catalog under the SIL Open Font License 1.1. It belongs to the sans-serif family — typefaces stripped of finishing strokes, leaning on raw letter geometry to do the talking. Sans-serif designs sit at the heart of contemporary digital interfaces because their open counters and unornamented terminals stay legible at small sizes and through aggressive optical compression. They also tend to read as neutral and modern, which is why product teams reach for them when the goal is clarity over personality.

Fira Sans Extra Condensed ships with 18 styles, which gives designers room to build a full hierarchy from a single family without reaching for a second face. Characteristically, the design favours geometry over ornament. Counters tend to be open, terminals are clean, and the overall texture on the page is even and unbusy. That makes the typeface comfortable to live with across long sessions of UI work, dashboards, and digital reading.

Practically speaking, Fira Sans Extra Condensed is well suited to a specific kind of work. Use this typeface for product UI, marketing sites, dashboards, mobile apps, and any context where clarity at small sizes matters more than historical reference. It pairs comfortably with serif headings if you want a more editorial feel, or with another sans for a fully modern voice. Because it is distributed under the SIL Open Font License 1.1, you can self-host the files, embed them in commercial products, and ship them inside open-source projects without paying licensing fees or asking permission.

On the technical side, Fira Sans Extra Condensed supports menu, cyrillic, cyrillic-ext, greek, greek-ext, latin, and additional writing systems. The full set of weights and styles in the family is available for free download from Google Fonts, and the source files are mirrored in the public google/fonts repository on GitHub for designers who want to contribute fixes or fork the design. The first public release of this family entered the catalog in 2016, and the design has been maintained and updated since then by a combination of the original authorship team and the wider open-source typography community.

Within the broader sans-serif tradition, Fira Sans Extra Condensed sits among contemporaries that designers reach for when the surrounding work calls for the same register. The catalog of open-source sans-serif typefaces has grown substantially over the last decade, and a working designer benefits from sampling several closely related families before settling on one — small differences in proportion, x-height, or terminal shape can produce surprisingly different feelings on the page.

If you need a partner family, Fira Sans Extra Condensed pairs comfortably with Fraunces — the contrast in voice is enough to create a clear hierarchy between display and reading text without the two faces fighting each other on the page. As always, test the combination at the actual sizes you intend to ship, and use only two faces in any given system unless you have a strong reason to introduce a third.

If you decide to ship Fira Sans Extra Condensed, the implementation path is unusually short. Drop a single CSS @import or <link> tag into the head of your document, declare the family in your stylesheet, and the file is delivered through the Google Fonts CDN with subsetting and font-display swap behaviour configured for fast first paint. For production work where you need full control, download the source from the link above and self-host the files alongside the rest of your assets.

Weights and styles

Every weight in the family, rendered live in Fira Sans Extra Condensed from the Google Fonts CDN.

Thin · 100 The quick brown fox jumps
Thin Italic · 100 The quick brown fox jumps
Extra Light · 200 The quick brown fox jumps
Extra Light Italic · 200 The quick brown fox jumps
Light · 300 The quick brown fox jumps
Light Italic · 300 The quick brown fox jumps
Regular · 400 The quick brown fox jumps
Regular Italic · 400 The quick brown fox jumps
Medium · 500 The quick brown fox jumps
Medium Italic · 500 The quick brown fox jumps
Semi Bold · 600 The quick brown fox jumps
Semi Bold Italic · 600 The quick brown fox jumps
Bold · 700 The quick brown fox jumps
Bold Italic · 700 The quick brown fox jumps
Extra Bold · 800 The quick brown fox jumps
Extra Bold Italic · 800 The quick brown fox jumps
Black · 900 The quick brown fox jumps
Black Italic · 900 The quick brown fox jumps

CSS embed code

Drop the @import or <link> tag into the head of your document, then declare the family in your stylesheet.

CSS @import
/* Add to the top of your CSS file */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* Then use the family */
body {
  font-family: 'Fira Sans Extra Condensed', sans-serif;
}
HTML <link>
<!-- Add inside <head> -->
<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:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">