Blog typography people can actually read
5 min read
Short answer
Readable blog typography needs body text around 18–20px, a line length of 60–75 characters, line height around 1.6, strong heading hierarchy and text contrast that passes WCAG AA. Those five decisions matter more than the typeface.
Five decisions that carry the page
Get these right and almost any sensible typeface will work.
- Body size: 18–20px on desktop, never smaller than 16px on mobile
- Measure: 60–75 characters per line
- Line height: about 1.6 for body text, tighter for headings
- Hierarchy: one H1, meaningful H2s, no skipped levels
- Contrast: at least 4.5:1 for body text