LetterLab Academy

Typography Theory — Basic Principles for Designers

Master kerning, leading, and tracking to craft layouts that breathe, guide the eye, and hold attention from first line to last.

Article

Typography is not about choosing pretty fonts. It is about controlling the space between letters, lines, and paragraphs so that reading becomes effortless. Every professional designer—whether setting a 400-page monograph or a single landing page—relies on three mechanical principles: kerning, leading, and tracking.

Kerning adjusts the space between two specific characters. Not all letter pairs sit comfortably together. An A next to a V creates a visual gap that the eye interprets as a hole; a T followed by an o can look like it is colliding. Good kerning removes these optical imbalances. In body text you rarely kern manually—modern OpenType fonts handle this automatically via kerning tables. But in headlines, logotypes, and pull quotes, manual kerning is non-negotiable. A practical rule: zoom to 100 %, shift the pair until the white space feels even, and trust your eye over the ruler.

Leading (pronounced "ledding") is the vertical distance between baselines of successive lines. Set too tight and lines blur into a solid block; set too loose and the reader loses the horizontal thread. For body text at 16 px, a leading of 24 px (150 %) is a reliable starting point. Increase leading as font size grows: a 24 px headline might need 32–36 px of leading. Serif typefaces generally require slightly more leading than geometric sans-serifs because their ascenders and descenders are taller. When in doubt, add space before subtracting it.

Tracking adjusts spacing across an entire range of characters, not a single pair. It is the tool you reach for when a block of all-caps text feels dense or when a large headline needs to feel airy and authoritative. Tighten tracking by 5–10 units for short all-caps labels; loosen by 10–20 units for display sizes above 36 px. Never track body text—it destroys readability and breaks the designer's relationship with the reader.

These three controls work together. Kerning fixes local collisions, leading governs vertical rhythm, and tracking sets the overall density. When you adjust one, re-evaluate the others. A paragraph with perfect kerning will still fail if the leading is 120 %. A headline with generous tracking will look loose if the kerning between critical pairs is ignored.

Readability improves when you match typographic scale to reading distance. A subway poster viewed from three metres needs looser tracking and bolder weights than a magazine spread read at arm's length. Test your work at the intended size and distance. Print a proof. Read it aloud. If you stumble, the type is stumbling too.

Download the Kerning Practice Sheet (PDF) Explore Our Type Specimens

Infographics

Quick-reference guides you can pin to your desk or keep open in a second monitor.

Kerning Pairs to Watch

The Problem Couples

AV, To, WA, Ly, TA, Ge, ro, ry, Ty, WY, rT, lT, fT, fi, fl, ff, fi, st, sl, cl, pl. These pairs consistently create visual gaps or collisions across most typefaces. Keep this list beside your keyboard when setting headlines.

Leading Ratios by Size

The Sweet Spot Matrix

12 px body → 18 px leading (150 %). 16 px body → 24 px leading (150 %). 20 px subhead → 28 px leading (140 %). 28 px headline → 36 px leading (129 %). 48 px display → 56 px leading (117 %). As size increases, the leading ratio can decrease—the eye needs less vertical separation when characters are large.

Tracking Guidelines

When to Tighten, When to Breathe

All-caps labels under 14 px: -5 to -10 units. Headlines 24–36 px: 0 to +5 units. Display text above 48 px: +10 to +25 units. Body text: never adjust. Remember that tracking is cumulative—+10 on a 50-character headline adds half a character width of space across the line.

Readability Checklist

Seven Questions Before You Ship

1. Is line length between 45–75 characters? 2. Does leading create a clear horizontal path? 3. Are problematic kern pairs resolved? 4. Is contrast between heading and body at least two weight steps? 5. Does the typeface support the reading context? 6. Are margins generous enough to frame the text? 7. Have you tested at actual output size?

Resources

Tools, references, and exercises from the LetterLab team and the broader typography community.

LetterLab Original

Type Scale Calculator

Input your base size and ratio, and get a full typographic scale with recommended leading, tracking, and line length for every level. Built by LetterLab's production team for consistent multi-screen layouts.

Open Calculator

Recommended Reading

The Elements of Typographic Style

Robert Bringhurst's fourth edition remains the most practical field guide for typographic decision-making. Chapters 13 through 18 cover spacing, rhythm, and the physics of reading with unmatched clarity.

Community Reference

Practical Typography by Matthew Butterick

A concise, opinionated handbook focused on the spacing decisions that matter most. Butterick's rules for leading, tracking, and hyphenation are battle-tested in law journals, magazines, and digital publications.

LetterLab Original

Kerning Drills — 30 Pairs, 15 Minutes

A daily exercise set designed to train your eye. Each drill presents a headline with intentionally poor kerning; you adjust the pairs until the spacing reads evenly. Track your progress over four weeks and watch your instincts sharpen.

Start the Drills