What Is Tracking in Typography?
By Maya Chen, lettering designer and type educator · Checked by Jordan Hale · · How we review content
Tracking is how loosely or tightly a run of text is set. Increase it and every letter in the selection moves away from its neighbours by the same amount; decrease it and the text packs together. Because it is uniform, tracking changes the texture of a line, while kerning repairs individual pairs.
In design software tracking is measured in thousandths of an em, so a value of 50 adds one twentieth of an em after each character. In CSS the same control is letter-spacing.
When to add tracking
Rules of thumb used by typographers, not laws:
| Situation | Usual adjustment |
|---|---|
| All capitals, such as a poster label or logo line | Open up: about +5 to +10% of an em |
| Small caps | Open up slightly |
| Very small text, such as a footnote or a caption | Open up slightly, so counters do not clog |
| Large display headlines in lowercase | Tighten slightly, as the default spacing looks loose at size |
| Body text | Leave at the font’s default |
Capitals are drawn to sit beside lowercase letters and carry less side-bearing space than a line of capitals needs. A row of default-spaced capitals looks cramped, which is why spaced capitals read as formal or elegant. Lowercase gets the opposite treatment: extra tracking in a paragraph of lowercase text makes the word shapes harder to recognise. The old typesetters’ saying is that anyone who would letterspace lowercase would steal sheep.
Tracking versus word spacing
Tracking changes letters. Word spacing changes the gap at spaces. Tightening tracking in a headline without checking word spacing can make words run into each other. Always check that the words still separate clearly.
Tracking in hand lettering
On paper there is no setting, so tracking is a decision made while you plan the word. Tight, overlapping letters give a dense, energetic sign-painter look; generous spacing in thin capitals gives a calm, architectural one. For a consistent result, rule faint guidelines first and mark where each letter begins, as described in our lettering guide. In the lettering image maker you can set spacing against real typefaces and see the effect immediately.
Tracking and fancy Unicode text
Plain Unicode text has no tracking property. The wide style called vaporwave, from the vaporwave text generator, is a workaround: it uses fullwidth characters (Aesthetic), each drawn in a wide cell, to get a spaced look. The other workaround is inserting a space character between every letter. Both change the text itself, so they count toward character limits, and screen readers may read the result letter by letter. See fancy text accessibility for what happens when assistive technology meets these tricks.
Common confusions
Frequently asked questions
Is tracking the same as letter spacing?
Should I add tracking to lowercase text?
Can I track fancy Unicode text?
What is the difference between tracking and kerning?
Related terms
- What Is Kerning?Kerning is the adjustment of the space between one specific pair of letters, such as A and V, so the gaps in a word look optically even. It changes pairs, not whole words; spacing applied to every letter is tracking.
- What Is Leading in Typography?Leading (pronounced "ledding") is the vertical distance from the baseline of one line of text to the baseline of the next, usually measured in points. It is what most people call line spacing.
- What Is x-height?The x-height is the height of the lowercase letters that have no ascenders or descenders, such as x, a, e and o, measured from the baseline to the top of the letter. It is the main reason two fonts at the same size look bigger or smaller.
- What Is a Monospace Font?A monospace font is a typeface in which every character occupies the same horizontal width, so an i takes as much space as an m. Typewriters, terminals and code editors use them to keep text aligned in columns.
- Typography & Lettering GlossaryThe Typography & Lettering Glossary defines twenty terms that type designers and letterers use every day, from kerning and x-height to serif, ligature and blackletter. Each entry gives a precise definition, then shows what the idea means for hand lettering and for the styled Unicode text our generators produce.
- What Is an Ampersand? Origin of the & SymbolThe ampersand is the symbol & meaning "and". It began as a handwritten ligature of the Latin word et, its name comes from the old schoolroom phrase "and per se and", and many typefaces draw it in strikingly elaborate ways.