Sans-Serif Fonts

Sans-serifs — letterforms without finishing strokes — are barely two centuries old, which makes them the disruptive newcomers of type history. Today they dominate screens, signage, and interfaces so completely that "clean and modern" is practically their legal definition. But "sans-serif" hides three families with genuinely different personalities.

The three temperaments

Grotesques (and their tidier "neo-grotesque" descendants: Helvetica, Univers, and modern heirs like Inter) aim for neutrality — uniform strokes, closed forms, horizontal terminals, no gesture. They are the institutional voice: airports, forms, corporations. The history of Helvetica is the history of this ambition. Geometrics (Futura and its century of descendants) build letters from circles and straight lines; they read as designed, aspirational, engineered — see the Futura story. Humanists (Gill Sans, Frutiger, and moderns like Source Sans) keep the skeleton of calligraphic writing under serifless skin: open apertures, varied widths, a warmth the other two branches deliberately lack — and, not coincidentally, the best small-size legibility of the three.

Choosing by job

  • Interfaces and data: humanist or neo-grotesque with large x-height, open forms, and unambiguous I/l/1. This is the sans's home turf.
  • Long body text: possible and increasingly common — pick a humanist with true italics and comfortable spacing rather than a stark geometric, whose uniform rhythm tires the eye over paragraphs.
  • Branding and headlines: geometrics and characterful grotesques shine here; this is where personality is worth its legibility price.
  • Signage and wayfinding: humanist, always — it's why airports look the way they do.

Free sans-serifs we'd actually use

Pack my box with five dozen jugs.

Inter — the neo-grotesque standard

The modern UI default: huge x-height, tabular figures, meticulous screen rendering, full variable range. Neutral to a fault — unbeatable for products, anonymous for brands. Get Inter →

Pack my box with five dozen jugs.

Source Sans 3 — the humanist workhorse

Adobe's open-source humanist: warm, open, superb in forms and long UI text, with a serif and mono sibling for effortless pairing. Get Source Sans 3 →

Pack my box with five dozen jugs.

Jost — the geometric in the Futura tradition

The closest free thing to the 1927 German geometric flavour, with a full variable weight range. Headlines, logos, and posters; give body-text duty to something warmer. Get Jost →

Pack my box with five dozen jugs.

Space Grotesk — the grotesque with a pulse

Mono-derived quirks keep it from vanishing into neutrality. The current voice of developer tools and technical brands; excellent at display sizes. Get Space Grotesk →

Pack my box with five dozen jugs.

Work Sans — the friendly all-purpose grotesque

Optimised for on-screen text at medium sizes, with enough roundness to feel approachable. A strong default for marketing sites that need one sans to do everything. Get Work Sans →

Also worth knowing: IBM Plex Sans (engineered personality, superfamily), Atkinson Hyperlegible (maximum character distinction — see our accessibility guide), Manrope (premium minimal), and Nunito Sans (rounded warmth).

Setting sans-serifs well

Large-x-height sans faces need a touch more line height than the serif equivalents (1.5–1.6 for body). Track out ALL-CAPS labels (+0.05–0.1em). And load true italics if your content uses emphasis — browser-faked slants are most visible on the clean strokes of a sans. For the full pairing logic — which sans over which serif, and when two sans-serifs can coexist — see How to Pair Fonts or experiment in the pairing tool.