Typography in Reading Interfaces
The foundation of cognitive ease. It's not about what looks good; it's about what works.
The Weight of Glyph Choice
Most reading apps default to system fonts. While safe, this abdicates responsibility. Apple's San Francisco is a UI font, not a reading font. It lacks the humanist traits necessary to guide the eye across long lines of text.
Legibility is a measurable metric, distinct from readability. Legibility concerns the distinctiveness of individual glyphs (e.g., distinguishing 'I', 'l', and '1'). For sustained reading, a serif font with a large x-height and low contrast between thick and thin strokes is historically optimal.
Common Mistakes
| Mistake | Impact | Solution |
|---|---|---|
| Using geometric sans-serifs | High cognitive load due to uniform letterforms. | Switch to humanist sans or transitional serifs. |
| Ignoring hinting and rendering | Text appears blurry on low-DPI screens. | Test fonts across Windows (ClearType) and macOS. |
Interactive Tool: Type Scale Generator
Calculate a modular type scale based on a golden ratio or perfect fourth.
FAQ
Should I use serif or sans-serif?
For long-form reading, serif fonts generally provide better horizontal flow and word shape recognition.
What is x-height?
The height of lowercase letters like 'x'. A larger x-height generally improves legibility at smaller sizes.
Explore the Architecture
Connect this concept to the broader system: