essay № 401 glossary 6 min read Apr 24, 2026

Twenty typography terms designers misuse — and the difference each one carries

Half the typography arguments in design reviews are arguments about words. Once everyone in the room is using the same vocabulary, the disagreements get smaller and the work gets sharper.

Most arguments about type in design reviews are not really arguments about type. They're arguments about words — two people using the same term to mean different things, or different terms to mean the same thing, and not realizing it until they're twenty minutes deep into a discussion that should have taken three.

What follows is a working glossary of twenty terms designers misuse most often, with the actual difference each one carries. None of them are obscure. All of them get used wrong in real meetings every week. Internalize the distinctions and the next type review you're in will be measurably shorter.

The big confusions

1. Font vs. typeface

Typeface is the design — the family of letterforms that share a stylistic identity. Helvetica is a typeface. Font is a specific instance of that design — a weight, a size, a file. Helvetica Bold 12pt is a font. In metal type the distinction was unmissable: the typeface was an idea, the font was a physical drawer of metal sorts at one specific size. Digitally the distinction has gotten fuzzy, but it still matters: a brand specifies a typeface, a layout uses fonts.

2. Kerning vs. tracking

Kerning is the spacing between two specific letters. The pair AV needs kerning because A and V have shapes that lean away from each other; left at default they look too far apart. Tracking is the overall spacing applied to a run of text — looser tracking spreads everything out evenly, tighter tracking pulls everything in. Tracking is global; kerning is local. Designers who say "the kerning is wrong on this paragraph" almost always mean tracking.

3. Leading vs. line-height

Leading (rhymes with sledding, from the metal strips of lead inserted between lines of metal type) is the vertical space between baselines, measured in points. Line-height is the CSS equivalent: the height of each line box, measured as a unitless multiplier or in pixels. They're the same idea expressed in different units. CSS line-height of 1.5 on 16px text gives you 24px line-height, which is roughly equivalent to 16/24 leading in print terms. The numbers look different. The result is the same.

4. Weight vs. width

Weight is how thick the strokes are: thin, light, regular, medium, bold, black. Width is how wide the letters are: condensed, normal, extended, expanded. A typeface can have a Bold Condensed cut, which is heavy strokes in narrow letters. The two axes are independent. Saying "this typeface is too bold" when you mean "too wide" is a common confusion that produces the wrong fix.

The anatomy terms

5. Cap height

The height of capital letters from baseline to top. Different typefaces at the same point size can have very different cap heights, which is why a 16px Helvetica looks bigger than a 16px Garamond. When designers say "make the type bigger" they sometimes mean "pick a typeface with a bigger cap height," which is not the same as bumping the point size.

6. x-height

The height of lowercase letters that have no ascender or descender — the height of an x. A high x-height makes a typeface feel modern and legible at small sizes; a low x-height feels classical and elegant but reads worse at body sizes. This is one of the most decision-relevant typeface characteristics and one of the least-discussed in brand briefs.

7. Ascender

The part of a lowercase letter that rises above the x-height. The vertical strokes of b, d, f, h, k, l, t. The relationship between ascender height and cap height varies — some typefaces have ascenders that rise above the caps (Bembo), some have ascenders that match (Helvetica), some have ascenders well below the caps (most modern grotesks).

8. Descender

The part of a lowercase letter that drops below the baseline. The tails of g, j, p, q, y. Long descenders look elegant and editorial but require more leading, which costs vertical space. Short descenders save space but compromise the typeface's character.

9. Counter

The white space inside a letter. The hole in an o is a counter. The two openings in a B are counters. Counters that are too small clog up at small sizes, which is why some typefaces drop their detail and open up their counters in their text-size cuts.

10. Aperture

The opening of an open counter — the gap in a c, e, n, or s. A wide aperture (Frutiger, Inter) reads well at small sizes because the gap stays visible. A narrow aperture (Helvetica) closes up at small sizes and the letters can get confused for each other.

The category terms

11. Serif vs. sans-serif

The basic split most designers know. Serif typefaces have small projections at the ends of strokes. Sans-serif doesn't. Within each category there are dozens of subcategories that designers sometimes get wrong.

12. Slab serif

A serif typeface where the serifs are blocky and rectangular rather than tapered. Rockwell, Sentinel, Archer. Often confused with "display serif" because slab serifs frequently get used as display, but the term refers to the serif shape, not the use.

13. Grotesque vs. neo-grotesque vs. humanist sans

Three subcategories of sans-serif that get blurred. Grotesque is the 19th-century original style, slightly imperfect, with quirks (Akzidenz, Founders Grotesk). Neo-grotesque is the mid-20th-century cleanup of grotesque — Helvetica, Univers — more uniform, more rigid. Humanist sans takes the humanist serif tradition (broad-pen calligraphy, varying stroke widths) and removes the serifs — Gill Sans, Frutiger, Inter, FF Meta. Humanist sans reads more naturally; neo-grotesque reads more impersonally.

14. Geometric sans

A sans-serif drawn from geometric primitives — perfect circles, straight lines. Futura is the canonical example; Avenir is a softer one; Circular and Gilroy are contemporary instances. Geometric sans tend to feel modern and slightly cold. They were invented by the Bauhaus school as an explicit alternative to the warmer humanist sans tradition.

15. Display vs. text

Display typefaces are designed for headlines, large sizes, occasional use. They often have refined details that fall apart at body sizes. Text typefaces are designed for paragraphs, small sizes, sustained reading. They're robust but less expressive. Many type families ship in both cuts — Tiempos Headline and Tiempos Text, for example. Using the wrong cut for the use case is one of the most common preventable typography mistakes.

The technical terms

16. OpenType features

The toggleable behaviors built into modern font files: ligatures, alternate characters, small caps, oldstyle figures, fractions, stylistic sets. Not all typefaces ship with the same set. Specifying a feature your typeface doesn't include is the kind of small mistake that wastes hours.

17. Optical sizes

A type family that includes multiple cuts optimized for different sizes — typically a Display cut (refined, used large), a Subhead cut, a Text cut (robust, used small), and sometimes a Caption cut (very robust, used tiny). The cuts are subtly different drawings, not just scaled versions. Most type families don't have optical sizes; the ones that do (Tiempos, Lyon, Plantin) reward using the right cut for the size.

18. Variable font

A font file that contains continuous axes — weight, width, slant, optical size — rather than discrete cuts. A single variable font can produce thousands of instances. Discussed at length in What variable fonts are actually for.

19. Hinting

The set of instructions inside a font that tells the rendering engine how to map the typeface onto a pixel grid at small sizes. Discussed at length in Why font hinting still matters in 2026.

20. Hinting vs. anti-aliasing

One last common confusion. Hinting is the typeface's instructions for the renderer. Anti-aliasing is the renderer's algorithm for smoothing the edges of letters. They work together but they're different things. A typeface can be well-hinted and still look bad with crude anti-aliasing; a typeface can be poorly hinted and still look acceptable with sophisticated anti-aliasing. Modern browsers handle anti-aliasing themselves; you can't directly affect it. You can affect hinting by choosing typefaces that have it.

Why this matters in practice

You don't need to memorize all twenty. You need to use them carefully, especially in writing — in brand books, in design reviews, in handover documents. Every imprecise word costs the next designer time. Every precise word saves the next designer time.

Pick three terms from this list that you use most loosely and tighten them up this week. Next week, three more. By the end of the year you'll have the vocabulary that lets you describe what you see in a typeface to other designers, to clients, to the type designer who's about to draw a custom face for your brand. The vocabulary is the precondition for the conversation. The conversation is where the work gets better.

marginalia from readers

Be the first to mark this page

Add to the margin

Comments are read before they post. Plain words preferred over plain links.