What are the main typeface classifications?

Typeface classifications group typefaces by their shared visual features and historical origins. The main families are serif typefaces, divided into old-style (also called humanist and garalde), transitional, Didone and slab serif; sans-serif typefaces, divided into grotesque, neo-grotesque, geometric and humanist; and a set of other groups that includes script, display or decorative, monospace and blackletter. The best-known formal system is the Vox-ATypI classification, created by Maximilien Vox in 1954 and later adopted by the Association Typographique Internationale, though many designers now use a simpler set of categories. No classification is perfect, because many typefaces mix features from several groups, but knowing the categories gives you a shared vocabulary and a quick way to predict how a typeface will behave.

Classifications are useful when you're choosing or pairing fonts, writing a brief for a designer, searching font libraries or setting fallbacks in a CSS font stack. In this article you'll learn the main serif and sans-serif groups and how to recognise them, the other categories you'll come across, how formal systems like Vox-ATypI work, and how classifications relate to CSS generic font families.

Why Classify Typefaces at All?

There are tens of thousands of typefaces. Classification helps in several practical ways:

• Choosing: If you know you want a calm, bookish serif, you can start with old-style faces rather than browsing everything.
• Pairing: Fonts from contrasting classifications, such as a humanist sans with an old-style serif, often pair well because they share underlying proportions.
• Fallbacks: When you write a font stack, choosing fallbacks from the same classification keeps the look similar if the web font fails to load.
• Communication: Saying you want a geometric sans or a Didone is far more precise than asking for something modern or elegant.

Most classifications combine two kinds of information: the visual structure of the letters, such as stroke contrast, axis and serif shape, and the historical period that produced that structure.

Serif Classifications

Serif typefaces have small finishing strokes at the ends of their main strokes. For a closer look at the broader distinction, see the difference between serif and sans-serif fonts. Serifs are usually divided into four main groups.

Old-Style (Humanist and Garalde)

Old-style typefaces date from the late fifteenth to the eighteenth century and are based on the forms of a broad-nib pen.

• Diagonal stress: The thinnest parts of round letters like o sit at an angle, as if drawn with a slanted pen.
• Moderate contrast: The difference between thick and thin strokes is noticeable but gentle.
• Bracketed serifs: Serifs join the stems with a curve.
• Small x-height: Often smaller than in later types.

Some systems split this group into Venetian or humanist (earlier, with a slanted crossbar on the e, such as Jenson and Centaur) and garalde (later and more refined, such as Garamond, Bembo and Sabon).

Examples available on the web: EB Garamond, Cormorant Garamond, Crimson Pro.

Transitional

Transitional typefaces appeared in the eighteenth century, between old-style and the extreme contrast of the Didones.

• More vertical stress: The axis of round letters is close to upright.
• Higher contrast: Thin strokes become thinner.
• Sharper, flatter serifs: Still bracketed, but more precise.

Examples include Baskerville and Times New Roman, which is often grouped here, and Georgia, a screen typeface with transitional roots.

Didone (Modern)

Didone typefaces, named after Didot and Bodoni, emerged in the late eighteenth century. They're also called modern, a name that refers to their period rather than to anything contemporary.

• Vertical stress: Completely upright axis.
• Extreme contrast: Hairline thin strokes against heavy main strokes.
• Unbracketed, hairline serifs: Serifs are flat and thin, meeting the stem at a sharp angle.

Didones look elegant at large sizes, which is why fashion magazines use them in headlines, but their hairlines can break up at small sizes on screen. Examples include Bodoni Moda, Playfair Display and Abril Fatface.

Slab Serif

Slab serifs, sometimes called mechanistic or Egyptian, appeared in the early nineteenth century for advertising.

• Heavy, block-like serifs: Often the same thickness as the strokes.
• Low contrast: Strokes are fairly uniform.
• Bracketed or unbracketed: Clarendon-style slabs have curved brackets, while geometric slabs like Rockwell don't.

Examples include Roboto Slab, Zilla Slab and Arvo. The guide to slab serif fonts covers when to use them.

Sans-Serif Classifications

Sans-serif typefaces have no serifs. They're commonly divided into four groups.

Grotesque

The first commercial sans-serifs of the nineteenth and early twentieth centuries.

• Some stroke contrast: Noticeably more than later sans-serifs.
• Quirky shapes: Letters such as G and R vary in width, and many have a double-storey g.
• Slightly irregular, warm texture.

Examples include Akzidenz-Grotesk, Franklin Gothic and News Gothic. On Google Fonts, Libre Franklin is a revival of Franklin Gothic.

Neo-Grotesque

Mid twentieth-century refinements of the grotesque.

• Low contrast and uniform strokes.
• Regular widths: Letters are more consistent.
• Horizontal terminals: Strokes on letters like c, e and s end horizontally, which makes the apertures relatively closed.

Examples include Helvetica, Univers and Arial. Inter, Roboto and many interface typefaces draw on this group, often with modifications for screens.

Geometric

Built from simple shapes: near-perfect circles, straight lines and triangles.

• Circular bowls: The o is close to a circle.
• Single-storey a in many designs, as in Futura.
• Clean, rational look that can feel cold or very friendly depending on the design.

Examples include Futura, Avenir, Century Gothic, Montserrat, Poppins and Jost.

Humanist

Sans-serifs based on the proportions of old-style roman letters and the broad-nib pen.

• Varied stroke widths: Subtle contrast.
• Open apertures: Letters like c, e and a are open, helping legibility at small sizes.
• Calligraphic influence: Often visible in the a, g and italic.

Examples include Gill Sans, Frutiger, Myriad, Open Sans, Fira Sans and Source Sans 3. Humanist sans-serifs are a common choice for body text and interfaces because of their legibility.

Other Classifications

Beyond serif and sans-serif, most systems include several further groups:

• Script: Based on handwriting or calligraphy, divided into formal scripts (such as copperplate styles) and casual scripts. See script and handwritten fonts.
• Display or decorative: Designed to be used large, for headlines and logos rather than text. This is a catch-all for anything highly stylised.
• Monospace: Every character has the same width, used for code and tabular data. Monospace is a spacing system rather than a style, so monospace fonts can be serif or sans-serif.
• Blackletter: Dense, angular forms based on medieval manuscripts, the style used in Gutenberg's Bible. Subgroups include textura, rotunda, schwabacher and fraktur.
• Glyphic or incised: Letters that look carved rather than drawn, often with small, wedge-shaped serifs, such as Albertus or Trajan-inspired faces.

Formal Classification Systems

Vox-ATypI

Maximilien Vox proposed his system in 1954, and ATypI adopted a version of it in 1962. It became the basis of the British Standards classification BS 2961 in 1967. Its main groups are:

Vox-ATypI group	Roughly equivalent to
Humanist	Venetian old-style serifs
Garalde	Later old-style serifs
Réale	Transitional serifs
Didone	Didone or modern serifs
Mécane	Slab serifs
Linéale	Sans-serifs (grotesque, neo-grotesque, geometric, humanist)
Incise	Glyphic or incised
Scripte	Formal scripts
Manuaire	Hand-drawn or calligraphic display
Fractur	Blackletter

The system was later extended with categories for Gaelic and non-Latin scripts. ATypI formally retired the classification in 2021, partly because it doesn't handle the variety of contemporary typefaces or non-Latin writing systems well. It's still widely referenced, and its group names appear in books and font catalogues.

Practical Categories on Font Libraries

Font libraries use simpler filters. Google Fonts, for example, offers broad categories such as Serif, Sans Serif, Display, Handwriting and Monospace, and has added more detailed classification tags. Commercial foundries and marketplaces use their own variations. These are less precise than formal systems but quicker to use.

Classifications and CSS Generic Families

CSS has its own coarse classification in the form of generic font families. These are the last item in a font stack and tell the browser what kind of font to use if none of the named fonts are available:

Generic family	What it means
serif	Any serif typeface
sans-serif	Any sans-serif typeface
monospace	Any fixed-width typeface
cursive	Script or handwriting styles
fantasy	Decorative styles
system-ui	The operating system's interface font
ui-serif, ui-sans-serif, ui-monospace, ui-rounded	The system's own fonts in those styles, where available
math	Fonts designed for mathematical expressions
emoji	Emoji fonts

Using classifications well in a font stack means picking fallbacks from the same group as your web font, so that a failed or slow font load still looks close to your design:

:root {
  /* Old-style serif web font with old-style and transitional fallbacks */
  --font-text: "Crimson Pro", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;

  /* Humanist sans with humanist and neutral sans fallbacks */
  --font-ui: "Fira Sans", "Segoe UI", Candara, "Helvetica Neue", Arial, sans-serif;

  /* Geometric sans for headings */
  --font-display: "Jost", "Century Gothic", "Avenir Next", Futura, sans-serif;

  /* Monospace for code */
  --font-code: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}

body { font-family: var(--font-text); }
nav, button, label { font-family: var(--font-ui); }
h1, h2 { font-family: var(--font-display); }
code, pre { font-family: var(--font-code); }

The cursive and fantasy generics are unpredictable, because each operating system maps them to very different fonts. Avoid relying on them for anything important.

How to Identify a Typeface's Classification

When you come across an unfamiliar typeface, work through a few questions:

1. Does it have serifs? If yes, go to step 2. If no, go to step 4.
2. Are the serifs heavy blocks? If yes, it's a slab serif.
3. How much contrast is there, and where is the stress? Gentle contrast with diagonal stress suggests old-style. Higher contrast with near-vertical stress suggests transitional. Extreme contrast with hairline serifs suggests Didone.
4. Are the round letters near-perfect circles? If yes, it's likely geometric.
5. Are the apertures open and the strokes slightly varied? If yes, it's likely humanist.
6. Are strokes uniform with horizontal terminals and closed apertures? If yes, it's likely neo-grotesque. If there's more contrast and quirkiness, it may be a grotesque.
7. Is it based on handwriting, decorated, fixed-width or medieval in style? Then it belongs to script, display, monospace or blackletter.

Many typefaces mix features. Optima, for example, is a sans-serif with flared strokes that suggest serifs, and is often described as a humanist or glyphic hybrid. Treat classifications as a guide, not a rule.

---

FAQ: Typeface Classifications

---

Conclusion

Typeface classifications sort fonts into groups that share structure and history. Serifs divide into old-style, transitional, Didone and slab; sans-serifs into grotesque, neo-grotesque, geometric and humanist; and further groups cover script, display, monospace, blackletter and glyphic designs. Formal systems like Vox-ATypI give these groups precise names, while font libraries and CSS generic families use simpler versions.

Use classifications as a working tool rather than a strict taxonomy. They help you narrow down choices, describe what you want, pair typefaces with shared proportions and build font stacks with sensible fallbacks. When a typeface doesn't fit neatly into one group, that's normal, and noticing which features it borrows from each is often the best way to understand it.