Typography issues are some of the most common problems that survive into production. Here is a 12-point checklist to run through before any website goes live.
Readability Basics
Line length: body text should be 60-75 characters per line. Line height: body text needs at least 1.5. Font size: minimum 16px for body copy.
Type Scale
Use a mathematical scale such as 1.25 or 1.333. Heading levels must be visually distinct. Do not use more than 3 font sizes in a single component.
Contrast
Body text must pass WCAG AA at 4.5:1. Muted text should still hit 3:1. Never use pure grey on pure white.
