Typography is not decoration; it is a system for controlling how information is read, understood, and remembered. For designers, three spacing controls are especially important: tracking, kerning, and leading. They are often confused because all three affect space, but each one solves a different visual problem.
TLDR: Tracking adjusts spacing across a range of letters, kerning adjusts space between specific letter pairs, and leading controls the vertical distance between lines of text. For example, a luxury logo might use wider tracking to look refined, while a headline may need kerning between “A” and “V” to avoid an awkward gap. In a usability review of a landing page, increasing body text leading from 120% to 150% can noticeably improve readability, especially on mobile screens.
Why Typography Spacing Matters
Good spacing is invisible when it works and distracting when it fails. A paragraph with tight leading feels dense and tiring. A logo with careless kerning looks amateur. A label with excessive tracking may become difficult to read at small sizes. Designers who understand these details can improve both the visual quality and the functional clarity of their work.
Spacing decisions influence how users scan a website, how professional a brand appears, and how comfortable long-form content feels. In digital interfaces, even small typography changes can affect conversion, time on page, and user trust. For print design, spacing can determine whether a layout feels premium, crowded, editorial, or informal.
What Is Tracking?
Tracking is the uniform adjustment of spacing across a selection of characters. Instead of changing one letter pair, tracking changes the overall rhythm of a word, sentence, headline, or paragraph.
Designers often use tracking to create a specific tone. Wider tracking can feel elegant, spacious, and editorial. Tighter tracking can feel compact, strong, and immediate. However, both extremes can harm readability if used without restraint.
Common Uses of Tracking
- Uppercase headings: Slightly increased tracking often helps capital letters breathe.
- Luxury branding: Wider tracking can create a refined, premium impression.
- Small labels: A small amount of positive tracking may improve legibility.
- Dense UI text: Careful tracking can make compact text feel less cramped.
As a practical rule, uppercase text often benefits from positive tracking, while lowercase body text usually requires more conservative treatment. Too much tracking in lowercase words can break the natural word shape, making reading slower.
What Is Kerning?
Kerning is the adjustment of space between individual letter pairs. It is most noticeable in large type, such as logos, headlines, posters, and hero text. Some letter combinations naturally create awkward visual gaps because of their shapes. For example, pairs such as AV, To, WA, and Yo often need careful attention.
Kerning is not about mathematical equality. It is about optical balance. Two letters can be spaced at the same measured distance and still look wrong because their shapes create different amounts of white space. A round letter beside a straight letter behaves differently from two vertical letters side by side.
When Kerning Is Most Important
- Logo design: Poor kerning can make a brand mark look unprofessional.
- Large headlines: Spacing errors become more visible at larger sizes.
- Short words: In names, titles, and labels, every letter pair matters.
- Custom typography: Modified or hand-drawn letters often require manual kerning.
Many fonts include built-in kerning tables, and professional design software can apply them automatically. Still, automatic kerning is not always enough. Designers should visually inspect important words, especially in final artwork.
What Is Leading?
Leading refers to the vertical space between lines of text. The term comes from traditional typesetting, where strips of lead were placed between lines of metal type. In modern design software, leading is usually measured as a value such as 18 px, 24 pt, or as a percentage of the font size.
Leading has a direct effect on reading comfort. If leading is too tight, lines appear congested and the reader may lose their place. If it is too loose, the paragraph starts to fall apart and the eye has to work harder to connect lines.
General Leading Guidelines
- Body text: Often works well between 140% and 160% of the font size.
- Headlines: May need tighter leading, especially when set in large type.
- Mobile interfaces: Usually benefit from slightly more generous leading.
- Long reading experiences: Comfortable leading reduces visual fatigue.
For example, 16 px body text may perform well with line height around 22 px to 26 px. A 48 px headline, however, might look better with a line height of 52 px or 56 px rather than a large proportional increase. Context matters more than formula.
Tracking vs Kerning vs Leading: The Core Difference
The simplest way to remember the difference is this: tracking affects many letters horizontally, kerning affects selected letter pairs horizontally, and leading affects lines vertically.
| Term | Controls | Best Used For |
|---|---|---|
| Tracking | Overall letter spacing | Headlines, labels, branding tone |
| Kerning | Space between specific letter pairs | Logos, titles, large display type |
| Leading | Space between lines | Paragraphs, articles, interfaces |
These controls often work together. A magazine headline may require tight leading, slightly adjusted tracking, and manual kerning in the most visible word. A mobile article may need default tracking, careful font selection, and generous leading for comfortable reading.
How to Apply Tracking Correctly
When adjusting tracking, begin with the typeface’s default spacing. Good fonts are designed with intentional rhythm, so large adjustments can damage their character. Make small changes, then evaluate the result at the actual size and medium where it will appear.
For uppercase headings, try a modest increase first. For long paragraphs, avoid strong positive or negative tracking unless there is a clear accessibility or design reason. Always test on different screen sizes if the design is digital.
How to Kern Like a Professional
Professional kerning requires patience and visual judgment. One useful technique is to look at the spaces between letters rather than the letters themselves. The goal is to make the negative spaces feel balanced.
Another method is to flip the word upside down or blur your vision slightly. This reduces the influence of reading and makes spacing problems easier to see. In logos and large titles, review kerning at multiple sizes because a spacing decision that works at poster scale may not work on a small business card.
How to Set Leading for Readability
Leading should support the reading experience. For body copy, start with a line height around 1.4 to 1.6 times the font size. Then consider line length. Longer lines usually need more leading, while shorter lines can tolerate slightly less.
A paragraph set at 16 px with a 24 px line height may be comfortable on a desktop website. On a narrow mobile screen, the same setting may still work, but the designer should check whether the paragraph appears too airy or too compressed. Readability is not theoretical; it must be tested in context.
Common Typography Spacing Mistakes
- Using tracking instead of kerning: If only one letter pair looks wrong, adjust kerning, not the entire word.
- Overtracking lowercase text: This can destroy word shapes and slow reading.
- Setting body leading too tight: Dense paragraphs discourage users from reading.
- Ignoring optical spacing: Equal numeric spacing does not always look visually equal.
- Failing to test final output: Type can behave differently on screens, in print, and at different sizes.
Practical Workflow for Designers
A reliable workflow begins with hierarchy. Set the font, size, and weight first. Then adjust leading for paragraphs and multiline headings. After that, refine tracking where needed, especially in headings, navigation, captions, and labels. Finally, inspect kerning in prominent words and brand elements.
This order prevents unnecessary corrections. If you kern a headline before finalizing its size, you may need to repeat the work later. If you adjust tracking before choosing the right font, you may be compensating for a typeface that is not suitable for the project.
Final Thoughts
Tracking, kerning, and leading are small controls with significant consequences. They shape the rhythm of reading, the polish of branding, and the professionalism of a layout. A serious designer does not rely only on default settings; they evaluate spacing intentionally and adjust it according to purpose, medium, and audience.
Use tracking to manage overall letter spacing, kerning to correct specific letter relationships, and leading to control vertical reading comfort. When these three elements are handled well, typography becomes clearer, more credible, and more persuasive.
