The art and technique of arranging type to make written language readable, legible, and visually appealing. In UX, typography decisions — typeface, size, weight, line height, and spacing — directly affect readability, hierarchy, and the emotional tone of an interface.
Common contexts
- Selecting a typeface pairing for a fintech product that must feel trustworthy without being cold
- Adjusting line height and measure on a long-form reading experience after user testing shows fatigue at paragraph 3
- Reviewing a developer handoff to ensure font weights and sizes were implemented to spec rather than approximated
Use when
Invest dedicated typography decisions at the start of any design system or brand-defining project — the typeface, scale, and spacing choices made early propagate to every screen in the product. Getting them right once prevents dozens of inconsistent fixes later.
Avoid when
Don't treat typography as purely aesthetic in functional interfaces — optimizing for visual personality at the expense of readability in data-dense dashboards, error messages, or instructional copy creates a product that looks good in a portfolio but frustrates users in real use.
Most typography problems in shipped products aren't design failures — they're implementation failures where a developer substituted a similar weight or rounded a pixel value, and no one ran a visual QA pass against spec.
Real-world examples
- Medium chose Georgia as their body typeface specifically for its generous x-height and ink-trap details that remain legible at screen resolutions below retina, contributing to their reputation for readable long-form text.
- Apple's switch from Helvetica Neue to San Francisco as their system typeface in 2015 was motivated by legibility data showing SF's variable letter-spacing performed better at small sizes on Retina and Watch displays.
- The UK's NHS identity uses Frutiger as its primary typeface because research showed it had the highest wayfinding legibility for multilingual, low-literacy, and elderly populations across hospital signage contexts.