Saira
About Saira
- Source
- Google Fonts ↗
- Classification
- sans-serif
- Weights
- Variable (100-900)
- Features
- Variable, Italics
Free to use, modify, and distribute. Can be used commercially without attribution.
What's allowed?
- ✓ Client work
- ✓ SaaS / Web apps
- ✓ YouTube / Video
- ✓ Sell products
- ✓ Print materials
Note: Derivative fonts must use the same license.
Full license guide →Saira is a squared grotesque from Omnibus-Type, a collective foundry in Buenos Aires. It has been on Google Fonts since 3 December 2016, and since the 2020 rebuild it ships as one variable file spanning nine weights (100–900) and seven widths (50–125), plus a matching italic that is drawn rather than sheared. The name is a place: Saira, a village of about 900 people in Córdoba province, Argentina, whose square street grid the foundry names as the source of the design. The Google Fonts Press Series microsite, co-written with Omnibus-Type, is equally explicit about the formal references: it describes Saira's "underlying rectangular shape" as reminiscent of Eurostile, DIN and Exo, and its "simplified, open letterforms" as drawing comparison to Frutiger. So the squareness is deliberate and the industrial cousins are acknowledged — but by the foundry's own framing they are reference points, not a revival.
What it is and where it came from
The design is credited to Héctor Gatti with the Omnibus-Type team — two credits from two records, both accurate. The binary's name ID 9 reads "Hector Gatti with collaboration of the Omnibus-Type team", while Google's METADATA.pb lists the designer as the collective; the repository gives Gatti the original masters and the studio the later character-set work.
Saira belongs to Omnibus-Type's Press Series, and the foundry's account of the origin is better quoted than paraphrased: "Héctor Gatti found his inspiration for this typeface in the square grid of his hometown, Saira, Argentina. The design reflects the spirit of the town's founders, hardworking and clever blacksmiths who invented machinery to work the fields of the surrounding land." The same page calls it "designed for editorial use in magazines and newspapers, whether digital or print," adding that it also suits advertising, corporate design, packaging and signage.
The town is real — Saira, Marcos Juárez department, 899 inhabitants in 2022 — but the Spanish-language record dates its founding to around 1911, when the railway came through, and mentions no blacksmiths. Treat that as the foundry's framing, not town history.
Four families arrived on Google Fonts together in December 2016 — Saira plus Condensed, Semi Condensed and Extra Condensed — and only the first was ever made variable. That came in February 2020, when v1.001 reconfigured the axes and added Ultra Condensed, Semi Expanded and Expanded; today's file reports Version 1.101. Saira Stencil One is a separate single-weight display family from 2019, not part of this width system.
Design characteristics
Measured from the shipped Saira[wdth,wght].ttf (v1.101, 1000-unit em) at its fvar default instance.
It is squared, not geometric. The outer contour of the capital O fills 0.923 of its bounding box; a true circle fills π/4 ≈ 0.785, and lowercase o measures 0.914. That superelliptical skeleton is the street grid showing up in the drawing, and why calling Saira a geometric sans in the circle-based Futura sense is wrong. The O box is 546 × 704 units, and the counter is superelliptical too — 474 × 636 at 0.933 bounding-box fill, closer to a rounded rectangle than an oval. Lowercase behaves the same way: the o counter measures 360 × 462 at 0.925 fill.
The x-height is generous — sxHeight 510 against sCapHeight 688, a ratio of 0.741 — so lowercase holds its colour at small sizes and caps read compact beside mixed case. The default line box is loose: hhea ascender 1135, descender −439, lineGap 0 gives 1.574 em, matching Google's published lineHeight exactly. Fine for body copy, a full extra line of air on a headline.
Two axes, both registered. wght 100–900 and wdth 50–125, identical in fvar, METADATA.pb and the Google Fonts API. Both being registered means plain CSS drives them — font-weight and font-stretch, no font-variation-settings needed. STAT names seven width steps (UltraCondensed 50, ExtraCondensed 62.5, Condensed 75, SemiCondensed 87.5, Normal 100, SemiExpanded 112.5, Expanded 125), landing exactly on the CSS font-stretch keyword percentages. avar leaves width alone — its segment map is pure identity, so wdth 75 really is the midpoint between 50 and 100. Weight is the axis that gets remapped: a ten-point segment map pulls normalized 0.5 (wght 500) down to 0.389, so the middle weights land lighter than a straight interpolation from Thin to Black would put them.
The default instance is disputed. Google's API reports wght default 400, and STAT flags 400 "Regular" as elidable — the nominal default. The binary's fvar default is wght 100: name IDs 1, 4, 6 and 17 read Thin, usWeightClass is 100. On the web this never surfaces, since CSS pins the axes; in a desktop app opening the raw file, it does.
The italics are drawn. Italic angle −12.0° against 0.0° in the roman, and point counts diverge exactly where a real italic redraws: a 58 → 52, e 46 → 52, n 28 → 32, O 48 → 53, g 65 → 73. Glyphs a slant leaves alone keep their counts — l 4 → 4, k 13 → 13, H 12 → 12 — and the italic f gains a descender at ymin −200 where the roman sits at 0.
OpenType coverage is broad for a free family. GSUB carries aalt, case, ccmp, dnom, frac, liga, lnum, locl, numr, onum, ordn, pnum, rvrn, salt, sinf, ss01, ss02, subs, sups, titl, tnum, zero; GPOS has kern, mark, mkmk. Figures default to proportional lining, with tabular, oldstyle and tabular-oldstyle sets present and zero for a barred zero — a horizontal bar through the counter rather than a diagonal slash. ss01 covers 47 substitutions: alternate A, G and R with their accented variants (40 glyphs), plus the four arrows and the digits 4, 6 and 9 — so it changes figures as well as letters, which is easy to miss. ss02 covers eight punctuation glyphs (!, •, *, (, ), [, ], |). The fonts.google.com specimen exposes neither, and the Press Series microsite lists only A, G, R, 6 and 9 — it misses the 4 — so test them yourself.
Coverage is Latin-only. 897 glyphs, 661 mapped codepoints — 128 in Latin Extended-A, 84 in Latin Extended-B, 90 across the Vietnamese range U+1EA0–1EF9. Google's 503 supported languages are all Latin-script. There is no Cyrillic at all, and only four characters in the Greek block, symbol-range borrowings rather than Greek support.
Where it works
Take the foundry at its word: this was built for editorial. Nine weights and seven widths in one file is the kit a magazine or newspaper needs — a compressed cut for a stacked headline, Normal width for decks, the same skeleton through standfirsts, captions and furniture.
Outside print, the width axis is the reason to pick it over a normal-width free sans: headlines narrow instead of wrapping, table headers and app navigation tighten without a font swap, and the tabular figures keep columns honest.
Where it struggles
- The superfamily is not what it looks like. Only the main family is variable and only it has italics. Saira Condensed, Semi Condensed and Extra Condensed each ship nine static roman TTFs, declare no axes, and contain no italics.
- The ultra-condensed end is a display setting. The counters close fast as the width axis compresses: the
Ocounter at wght 400 is 392 units wide at Normal, 273 at Condensed and 163 at wdth 50, and at wght 900 that run is 141 → 87 → 38. Keep the compressed cuts for headlines, and design against the seven named steps rather than raw axis numbers. - The default line height suits paragraphs, not headlines — 1.574 em, so a large setting arrives pre-spaced.
- No Cyrillic, no Greek. Anything beyond Latin and Vietnamese needs a fallback, and nothing common shares this squared skeleton, so it will show.
- Style counts in the wild disagree. The Google Fonts Press Series microsite counts 36 styles across four widths, Omnibus-Type's own Saira page still says 18, and the post-2020 README says 126. Each is true of a different release and a different way of counting — 18 is the nine weights plus italics at Normal width only, 126 is those nine weights and italics across all seven widths.
Which premium fonts Saira substitutes for
Two of these five the foundry names itself: Omnibus-Type describes Saira's rectangular shape as reminiscent of Eurostile, DIN and Exo. That is a stated reference point, not a revival or a metric match, and the other three comparisons are this site's, for readers arriving from those searches. There is no verified record of a brand using Saira.
- Eurostile is the best-supported match, and both the foundry and the outlines say so: the Press Series microsite names Eurostile first among its references, and 0.923 bounding-box fill on the
Omakes Saira genuinely squared, which is Eurostile's premise. It diverges on proportion — Eurostile's character comes from wide, horizontally stretched rounded rectangles, while Saira's defaultOis narrower than tall (546 × 704).font-stretch: expandedcloses some of that gap; Normal width will not. - DIN brings most people here, and the Press Series microsite cites it by name as one of the faces Saira's rectangular shape recalls. DIN's appeal is upright, low-contrast, rationalist letterforms with a strong condensed range; Saira supplies all of that plus a continuous width axis DIN's retail cuts don't offer. It diverges on character — DIN's curves are rounder and read as engineering drawing, Saira's as grid.
- Codec Pro (Zetafonts) matches on temperature — a wide-range, tech-facing sans with a big weight ramp — but it is built on geometric, circle-derived forms and Saira is not. Same register, different shapes.
- Bank Gothic shares the squareness and little else: it is caps-dominant display type, where Saira is a text family with a full lowercase and nine weights. It substitutes for the impression, not the letterforms.
- Impact is the loosest. Saira at wght 900 and wdth 50 gets Impact-adjacent, but that is a text family at its limit rather than a purpose-drawn ultra-condensed display face, and the counters show it. Anton is the closer free answer.
What to pair it with
Pair against Saira's structure, not its mood. It is squared, low-contrast, upright and generous in the lowercase, so a companion needs to differ on at least two of those. The cheapest reliable contrast is Saira against itself across the width axis — a condensed headline over a Normal-width deck, one file, no second download.
For running text, a serif with real stroke modulation does the separating: Lora or Source Serif Pro for web and marketing, Literata or Spectral for longer editorial. For code and data, JetBrains Mono holds up — fixed widths differentiate while the shared low contrast keeps the page consistent. Avoid other squared or tech-flavoured sans faces; two families 90% alike read as a mistake, not a system.
Licensing and self-hosting
Saira is under the SIL Open Font License 1.1 — recorded as OFL in Google's metadata, stated in the binary's name table, and shipped as OFL.txt at github.com/Omnibus-Type/Saira under the line "Copyright 2020 The Saira Project Authors". In plain terms: use it commercially, on the web, in apps and in client work; self-host, subset and modify it; keep derivatives under the OFL; don't sell the font by itself.
It is genuinely in the open catalogue, worth checking rather than assuming — a 200 from fonts.googleapis.com/css2 proves nothing. Saira's CSS points at fonts.gstatic.com/s/saira/, the open-catalogue path, not the /l/font?kit= path used for licensed proprietary faces. Self-hosting is two files, roman and italic, covering all nine weights and seven widths.
Frequently asked questions
Is Saira a variable font, and what are its axes?
Yes. Two variable files ship, roman and italic, each with wght 100–900 and wdth 50–125. Both are registered axes, so font-weight and font-stretch drive them directly.
Are Saira Condensed, Semi Condensed and Extra Condensed variable? Do they have italics? No to both. Those three families each ship nine static roman TTFs, declare no axes and contain zero italic styles.
How many styles does Saira have? Nine weights (Thin 100 to Black 900) with matching italics across seven widths — 126 styles by the repository's post-2020 count. Lower figures still circulate because they count something else: the "36 styles, 4 widths" on the Google Fonts Press Series microsite describes the pre-2020 family, and the 18 on Omnibus-Type's own Saira page counts the nine weights plus italics at Normal width only.
Does Saira have real italics or just a slant?
Real ones: italic angle −12°, glyphs redrawn rather than sheared. Point counts change on a, e, n, O and g while staying identical on l, k and H, and the italic f gains a descender the roman lacks.
Is Saira free for commercial use? Yes, under the SIL Open Font License 1.1 — commercial use, embedding, self-hosting, subsetting and modification are permitted. Derivatives stay under the OFL, and you cannot sell the font file on its own.
Does Saira support Cyrillic, Greek or Vietnamese? Vietnamese yes — 90 codepoints across U+1EA0–1EF9. Cyrillic and Greek no: zero Cyrillic codepoints, four Greek-block characters, all symbol-range. Google's 503 supported languages are Latin-script without exception.
Why does my design app open Saira as Thin?
Because the variable file's fvar default really is wght 100 — the name table says "Saira Thin", usWeightClass is 100 — while Google's metadata reports 400 and STAT treats 400 Regular as nominal. Any tool opening the raw file at its fvar default gets Thin; on the web it never happens.
Is Saira a good free DIN alternative? For the qualities people want from DIN — upright, low-contrast, rationalist, a strong condensed range — yes, and the width axis is something DIN's retail cuts don't give you. The Press Series microsite names DIN itself as one of the faces Saira's rectangular shape recalls, so the resemblance is intended rather than accidental. Don't expect a revival or a metric match, though: Saira is measurably squarer, and the widths won't drop into a DIN layout unchanged.
Is Saira on Google Fonts?
Yes, Saira is available for free on Google Fonts. Get Saira on Google Fonts ↗
Alternative For (5)
Saira is a free alternative to the following premium fonts:
Variable grotesque whose heavy and condensed cuts approach Impact's weight
Versatile semi-square grotesque with a full variable range and widths
Compare Saira
See how Saira compares to other fonts side by side.
Variable Font Axes
Saira is a variable font with 2 axes you can fine-tune.
| Axis | Min | Default | Max |
|---|---|---|---|
| wght | 100 | 400 | 900 |
| wdth | 50 | 100 | 125 |
Font Pairings
Fonts that pair well with Saira based on contrast and complementary design characteristics.
Performance
Key metrics for evaluating Saira in production.
- Score
- 65 /100 Good
- File Size
- 167.1 KB Medium
- Weights
- 9 (variable) + Italics
- Languages
- 3 groups CDN delivery
Font Metrics
- x-Height Ratio
- 0.51
- Cap Height Ratio
- 0.688
- Ascender
- 1135
- Descender
- -439
Fallback CSS Overrides
Apply these overrides to Arial to minimize layout shift when loading Saira.
@font-face {
font-family: 'Saira Fallback';
src: local('Arial');
ascent-override: 113.5%;
descent-override: 43.9%;
line-gap-override: 0%;
size-adjust: 98.35%;
} How to Use Saira
Copy these code snippets to quickly add Saira to your project.
CSS code for Saira
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@100..900&display=swap'); HTML code for Saira
<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=Saira:wght@100..900&display=swap" rel="stylesheet"> Tailwind code for Saira
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'saira': ['Saira', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-saira">Your text here</p> Next.js code for Saira
// Using next/font (Next.js 13+)
import { Saira } from 'next/font/google';
const saira = Saira({
subsets: ['latin'],
weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
});
export default function Component() {
return (
<p className={saira.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: "'Saira'" }}>Your text</p> Expo and React Native code for Saira
// Install: npx expo install @expo-google-fonts/saira expo-font
import { useFonts, Saira_400Regular } from '@expo-google-fonts/saira';
export default function App() {
const [fontsLoaded] = useFonts({
Saira_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Saira_400Regular' }}>
Your text here
</Text>
);
}