Making sure individual letters and characters can always be told apart
A
Designers Academy
6 August 2026 · 3 min read
TypographyPrinciples
In brief
Legibility refers to how easily individual letters and characters can be distinguished from one another, which is crucial in design to prevent errors in codes, numbers, and dense data.
Legibility describes how easily you can tell individual letters and characters apart. Can you distinguish a lowercase "l" from a capital "I"? Does a "6" clearly look different from an "8" at a glance? This is a characteristic of the typeface itself and its setting, evaluated at the smallest scale: the single character, not the whole sentence or paragraph.
Letter Recognition Before Word Recognition
Reading involves several stages. The initial step is recognizing individual letterforms before the brain combines them into words and meaning. Ambiguous letterforms, those with similar shapes that are hard to quickly distinguish, slow this first stage down. This delay builds up across every word on a page, even if no letter is fully misread. Legible typefaces speed up this crucial initial stage of reading as much as possible.
In Product Design
Legibility is crucial where a single misread character can have serious consequences. Think verification codes, serial numbers, or currency amounts. Any interface that mixes letters and numbers can lead to errors if the typeface's characters aren't distinct enough. It's also important at very small sizes. Here, a typeface's x-height (the height of its lowercase letters compared to its capitals) needs to be generous, preventing letters from blurring on small, low-density screens.
A verification code interface where the numeral "0" and capital "O" look identical, making users guess.
Financial data in a typeface with unclear numerals, where a "3" and an "8" might be confused quickly.
A UI typeface with a small x-height, making lowercase body text thin and hard to read on mobile screens.
Interface labels using a highly stylized display typeface, not intended for legibility at small sizes.
In these situations, the typeface itself might be well-designed for its original purpose, perhaps for display, branding, or editorial use. The problem arises when it's used in a context that requires character-level clarity it simply wasn't made for.
How to Apply It
When designing any interface where users read numbers, codes, or dense data, pick a typeface (or a specific numeral style) known for clearly distinguishing similar characters. Pay extra attention to pairs like 0/O, 1/l/I, and 5/S/8. Save highly stylized or display typefaces for big, low-stakes uses like marketing headlines; don't use them for small interface text that carries important functional information.
Why It Matters
Poor legibility leads to real, measurable errors: mistyped codes, misread amounts. This differs from poor readability, which usually doesn't cause such direct mistakes. It's the more urgent problem of the two, even if it's discussed less often. Here's a quick test: display the typeface's full character set, including letters and numbers, at the smallest size it will be used. Then, check every character that looks similar to another. If any pair is ambiguous, you still have a legibility problem.
Key takeaways
✓Legibility measures how easily individual letters and characters can be told apart, not just words.
✓Poor character legibility leads to measurable errors in verification codes, financial data, and UI.
✓Always select typefaces or numeral styles specifically designed to distinguish similar characters like 0/O and 1/l/I.
✓Reserve highly stylized or display typefaces for large, low-stakes contexts, never for critical small interface text.
✓Test a typeface's full character set at its smallest usage size to identify any ambiguous letter or number pairs.