Skip to main content
โ† Back to Typography & Font Design samples
โœ๏ธTypography & Font Designยท20 minยทSample Lesson

Microtypography Rules

Look closely at a well-set paragraph in a printed novel and you likely won't notice anything special, and that's exactly the point. Microtypography is the set of tiny, almost invisible adjustments type designers make to letter spacing, punctuation, and alignment so your eye glides through text without ever getting snagged.

What You'll Learn

- What kerning and tracking are, and how they differ - Why hanging punctuation exists and where you've seen it - How ligatures solve a specific letter-collision problem - How to spot microtypography choices in real design

Kerning vs. Tracking

Kerning adjusts the space between two specific letter pairs, like the awkward gap that appears in "AV" or "To" if left at default spacing, a font's kerning table tells the software to pull those particular pairs closer together. Tracking, by contrast, adjusts spacing uniformly across a whole word, line, or block of text, often used to make a headline feel more open and airy or to tighten a caption to fit a tight space. Kerning is surgical and pair-specific; tracking is a blanket adjustment.

Hanging Punctuation

Because punctuation marks like quotation marks, hyphens, and periods are visually much lighter than letters, lining them up exactly at the text margin makes that edge look ragged to the human eye, the letters look aligned, but the quote mark looks like it's floating too far in. Hanging punctuation nudges those marks slightly outside the margin so the overall edge of the text block looks optically straight. You've seen this in nearly every printed book and major newspaper, usually without noticing.

Ligatures: Solving Letter Collisions

Certain letter pairs physically collide when set in some typefaces, the dot of a lowercase "i" crashing into the hook of an "f" in "fi," for example. A ligature merges the two colliding letters into a single redesigned glyph so they interlock cleanly instead of overlapping awkwardly. "fi," "fl," and "ffi" are the most common ligatures in Latin typefaces, and professional typesetting software substitutes them automatically.

Where Type Designers Get Picky

Professional type designers also fine-tune optical margin alignment (so round letters like "O" extend slightly past straight-edged letters like "H" to look equally sized), and adjust letter-spacing differently at small sizes versus large display sizes, since tight spacing that looks fine in a 72pt headline can feel cramped and hard to read at 9pt body text.

Match each microtypography term to what it fixes

Terms

Kerning
Tracking
Hanging punctuation
Ligature

Definitions

Quote marks and periods that make a margin look ragged
Two letters, like f and i, that physically collide when set together
Awkward space between two specific letters, like AV or To
Overall letter-spacing across a whole word or line

Drag terms onto their definitions, or click a term then click a definition to match.

โ“

What is the key difference between kerning and tracking?

โ“

Why do designers use hanging punctuation for quotation marks at the start of a line?

๐ŸŽฏ

Hunt for Microtypography in the Wild

Find a printed book, magazine, or a well-designed website. Look for and photograph or sketch three examples: one instance of a ligature (check for 'fi' or 'fl'), one instance of hanging punctuation (check the start of a paragraph with a quotation mark), and one spot where letter spacing looks tight or loose (kerning or tracking). Write one sentence explaining what you found in each case.

Want to keep learning?

Sign up for free to access the full curriculum โ€” all subjects, all ages.

Start Learning Free
Microtypography Rules | Free Sample | HYVE CARES | HYVE CARES