Anatomy of Typography
Scroll to reveal the parts that make up every letterform.
Anatomy of the Letter
Every letterform is built from the same handful of parts. Here's the full vocabulary type designers use to talk about them.
Apex
The point at the top of a letter where two diagonal stems meet, as in the peak of "A" or "M".
Arm
A horizontal or upward-diagonal stroke that is open at one end, as in "E", "K", or "Y".
Ascender
The part of a lowercase letter that rises above the x-height, as in "b", "d", "h", "k", "l", "t".
Bar (Crossbar)
The horizontal stroke that connects two strokes or spans the width of a letter, as in "A", "H", "e", "f".
Beak
A small serif-like spur at the end of an arm, common in some serif and slab typefaces on letters like "E", "F", "T".
Bowl
The curved stroke that encloses a counter, as in "b", "d", "g", "o", "p", "B", "D", "P", "R".
Bracket
The curved transition connecting a serif to the main stroke it supports.
Counter
The fully or partially enclosed space within a letter, such as the inside of "o", "e", "a", "g".
Crotch
The interior angle where two strokes meet, as in "V", "W", "Y".
Descender
The part of a lowercase letter that extends below the baseline, as in "g", "j", "p", "q", "y".
Ear
The small stroke projecting from the top-right of the bowl of a lowercase "g" (or sometimes "r").
Em / En
Units of measure equal to the point size (em) or half the point size (en) of a typeface, used for spacing and indentation.
Eye
The enclosed counter of a lowercase "e".
Finial
The tapered or curved end of a stroke that terminates without a serif, common on letters like "a", "c", "f", "j", "r".
Hairline
The thinnest stroke in a typeface with strong stroke contrast, typically found on the horizontal strokes of high-contrast serif faces.
Kern
The adjustment of space between two specific letter pairs to achieve visually even spacing.
Leg
A downward diagonal or vertical stroke attached at one end, as in "K", "R", "k".
Ligature
A single glyph that combines two or more letters into one character, most commonly "fi" or "fl".
Link
The stroke that connects the bowl to the loop in a double-story lowercase "g".
Loop
The lower, often closed, counter of a double-story lowercase "g".
Serif
The small projecting stroke at the end of a letter's main strokes, characteristic of serif typefaces.
Shoulder
The curved stroke that flows out of a stem, as in "h", "m", "n".
Spine
The main curved stroke of the letter "S" or "s".
Spur
A small projection extending from a curved stroke, often found where a bowl meets a stem, as in "G".
Stem
The primary, usually vertical, stroke of a letter.
Stress (Axis)
The direction of thickness variation in a curved stroke, visible where a letterform is thickest.
Swash
A decorative flourish that extends or replaces a terminal or serif, often found in italic or script styles.
Tail
A descending stroke, often decorative, as in the diagonal stroke of "Q" or "R", or the descender of "y".
Terminal
The end of a stroke that does not carry a serif, whether curved (as in "s") or straight-cut.
Vertex
The point at the bottom of a letter where two diagonal strokes meet, as in the base of "V" or "W".
Classification of Styles
Typefaces fall into broad families, each with its own history, structure, and mood.
Serif
Serif typefaces feature small projecting strokes at the ends of their letters, a legacy of chiseled Roman inscriptions and the broad-nib pen. They read as traditional, authoritative, and highly legible in long-form text.
- Oldstyle — Low contrast between thick and thin strokes, angled stress, and bracketed serifs — modeled on Renaissance calligraphy (e.g. Garamond).
- Transitional — Higher stroke contrast and more vertical stress than Oldstyle, bridging classical and modern forms (e.g. Baskerville).
- Modern (Didone) — Extreme stroke contrast, thin unbracketed serifs, and vertical stress, born from the precision of 18th-century engraving (e.g. Bodoni, Didot).
- Slab (Egyptian) — Thick, heavy, often unbracketed serifs with minimal stroke contrast, developed for high-impact advertising (e.g. Clarendon).
Sans-serif
Sans-serif typefaces omit serifs entirely, favoring clean, uniform strokes. They dominate screens and modern branding for their clarity at small sizes.
- Grotesque — The earliest sans-serifs, with slightly irregular proportions and a mechanical feel (e.g. Helvetica, Akzidenz-Grotesk).
- Geometric — Built from simple geometric shapes — circles, triangles, squares — for a rational, modernist look (e.g. Futura).
- Humanist — Proportions derived from handwriting and classical serif forms, offering warmer, more legible letterforms (e.g. Gill Sans).
Script
Script typefaces imitate handwriting or calligraphy, with connecting or flowing strokes.
- Formal — Modeled on formal copperplate engraving and calligraphy, used for invitations and luxury branding.
- Casual — Looser, brush- or pen-based strokes that evoke spontaneity and informality.
Display / Decorative
Designed for headlines and large sizes rather than body text, display typefaces prioritize personality and impact over extended readability.
Monospace
Every character occupies the same horizontal width, a legacy of typewriters, now essential for code and tabular alignment.
Measurements & Metrics
The system of measurement that keeps type consistent, legible, and precisely spaced.
Baseline
The invisible line upon which the base of each letter sits (excluding descenders).
x-height
The height of a typeface's lowercase letters, excluding ascenders and descenders, measured from the baseline to the top of a letter like "x".
Cap height
The height of a typeface's capital letters, measured from the baseline to the top of a flat-topped capital like "H".
Ascender height
The distance from the baseline to the top of the tallest ascending lowercase strokes, such as "b" or "l".
Descender depth
The distance from the baseline to the bottom of the lowest descending lowercase strokes, such as "g" or "y".
Em
A unit of measure equal to the current point size of a typeface — historically the width of a capital "M".
En
A unit of measure equal to half an em, traditionally the width of a capital "N".
Point size
The overall size of a typeface, measured in points (1 point = 1/72 inch), based on the em square rather than any single visible feature.
Tracking
Uniform adjustment of letter-spacing applied across a range of text, used to loosen or tighten overall density.
Kerning
The adjustment of space between individual letter pairs to correct uneven or awkward gaps.
Leading
The vertical space between consecutive lines of text, named after the strips of lead once inserted between lines of metal type.
Optical size
Variants of a typeface subtly redrawn for specific size ranges — text optical sizes carry more open counters and sturdier strokes than display sizes of the same design.
History of Typography
From Gutenberg's press to variable fonts: a short timeline of how letterforms got here.
- c. 1450
Gutenberg & Movable Type
Johannes Gutenberg's printing press introduces movable metal type in Mainz, Germany, with a blackletter (Textura) typeface modeled on manuscript handwriting.
- 1470s
Nicolas Jenson & the First Romans
Venetian printer Nicolas Jenson cuts a Roman typeface based on humanist handwriting, establishing the serif letterforms that would define Western typography.
- 1495
Aldus Manutius & the Italic
Venetian printer Aldus Manutius and punchcutter Francesco Griffo introduce italic type, originally designed to fit more text into compact, affordable books.
- 17th century
Garamond & the Oldstyle Tradition
Claude Garamond's elegant, calligraphy-inspired letterforms become the model for Oldstyle serif typefaces across Europe.
- 1757
Baskerville & the Transitional Style
John Baskerville's higher-contrast letterforms bridge Oldstyle tradition and the coming Modern style, initially considered too stark by his contemporaries.
- 1780s–1790s
Bodoni & Didot Define the Modern
Giambattista Bodoni in Italy and Firmin Didot in France push stroke contrast to its extreme, producing the sharp, geometric Modern (Didone) style.
- Early 19th century
Slab Serifs for the Industrial Age
The rise of advertising and the Industrial Revolution demands bold, attention-grabbing type, giving rise to heavy slab serifs (also called Egyptian).
- 1816
The First Sans-Serif
William Caslon IV casts the first known sans-serif typeface in England, initially met with limited enthusiasm.
- 1920s–1930s
Geometric Sans & Modernism
Bauhaus ideals inspire geometric sans-serifs like Paul Renner's Futura, built from pure circles and straight lines.
- 1957
Helvetica & Univers
Max Miedinger's Helvetica and Adrian Frutiger's Univers launch the same year, cementing the Swiss International Style and its neutral, grotesque sans-serifs.
- 1984
Desktop Publishing & PostScript
Apple's Macintosh, Adobe's PostScript language, and PageMaker put type design and typesetting directly into designers' hands, ending centuries of dependence on metal and phototype.
- 1990s–2000s
Web Fonts
The CSS @font-face rule and, later, WOFF/WOFF2 formats bring real typefaces to the web for the first time, replacing decades of system-font-only design.
- 2016
OpenType Variable Fonts
Apple, Google, Microsoft, and Adobe jointly publish the OpenType Variable Fonts specification, letting a single font file hold a continuous range of weights, widths, and styles — the technology at the core of NBR's own typefaces.
Put it into practice
Explore variable fonts built on everything above — try live axes in Typebox, or browse the full library in the Shop.