Serif Fonts

Serifs are the small finishing strokes at the ends of letters — and the typefaces that carry them are the oldest continuous tradition in Latin type, refined over five centuries of book printing. They read as literary, established, and humane, and despite decades of "print-only" folklore, modern screens render them beautifully.

The three great branches

Old-style serifs (16th–17th century models: Garamond, Caslon and their revivals) keep the diagonal stress and gentle stroke contrast of the broad-nib pen. They are the most bookish of all type — warm, even in colour, built for hours of reading. Transitional serifs (18th century: Baskerville, and later Times and Georgia) straighten the stress and sharpen the contrast — more rational, more polished, the default voice of newspapers and academia. Modern serifs or Didones (Bodoni, Didot) push contrast to the extreme: hairline thins against heavy stems, flat unbracketed serifs. Dazzling at display sizes, fragile below them — the fashion-magazine genre exists because of these faces. (A fourth branch, the slab serif, earned its own page.)

Knowing the branch tells you the behaviour: the older the model, the better it reads long; the more modern, the better it poses large.

When serifs are the right call

  • Long-form reading — articles, books, documentation with narrative weight. Not because serifs are mechanically more legible (they aren't), but because the tradition makes text feel authored.
  • Credibility-first brands — law, finance, universities, journalism.
  • Editorial headlines over a sans body: the single most reliable pairing pattern there is.
  • Luxury and fashion — Didones at large sizes, by long convention.

Where they struggle: tiny UI labels and data-dense screens (fine details cost clarity at 11px), and very low-quality displays. For interfaces, reach for a sans and let the serif do the editorial work.

Free serifs we'd actually use

All open-licence, all linked to their official Google Fonts pages.

The five boxing wizards jump quickly.

EB Garamond — the old-style classic

A faithful open revival of Claude Garamont's 16th-century romans (the full saga is in our Garamond history). Best at 18px+ for literary content; set it a size larger than you would a sans. Get EB Garamond →

The five boxing wizards jump quickly.

Source Serif 4 — the screen-era transitional

Drawn for screens with sturdy strokes and open forms, plus an optical-size axis. Our default recommendation for body text on content sites; pairs natively with Source Sans. Get Source Serif 4 →

The five boxing wizards jump quickly.

Lora — the warm all-rounder

Calligraphic roots, contemporary sturdiness. The friendliest serif on this list, and forgiving at a wide range of sizes — a safe single-family choice for a blog. Get Lora →

The five boxing wizards jump quickly.

Playfair Display — the Didone for headlines

High-contrast glamour, strictly for 20px and up — the hairlines vanish below that. Pair with a quiet humanist sans for body text. Get Playfair Display →

The five boxing wizards jump quickly.

Fraunces — the characterful modern old-style

Soft, slightly wonky, and variable across weight, optical size, and quirk axes. The face of the expressive-serif branding wave — and of this site's own headings. Get Fraunces →

Also worth knowing: Newsreader (news-style reading with a lovely optical axis), Libre Baskerville (transitional, tuned for web body sizes), and Cormorant (delicate Garamond-flavoured display).

Setting serifs well

Serifs reward slightly more generous settings than sans-serifs: a touch more leading (their extenders are longer), a size step up for small-x-height faces like EB Garamond, and real italics — every serif above ships true italics, so make sure your embed loads them rather than letting the browser fake a slant. Test any candidate against your body sans in the pairing tool before committing.