This is the current version. Read the latest Every version What changed
Rules I keep for type on screens
Not laws. Defaults I only break on purpose.
Two more rules, and a correction on line length for serif text.
These are the defaults I start from when setting text for screens. I break them, but only when I know which one I am breaking and why.
- Body text is at least 16 pixels, and usually more.
- Line length stays under about seventy-five characters. Serif text can run a little longer, with a little more leading.
- Line height grows with line length.
- Two typefaces at most, and they must be clearly different.
- Headings are closer to the text they introduce than to the text above them.
- Never centre a paragraph longer than three lines.
- Use real quotes and apostrophes, not straight ones.
- Contrast is not a style choice. Check it.
- Numbers in tables use tabular figures, so columns line up.
- If you need a third weight, you probably need less emphasis instead.
The last rule is the one I break least. Most typographic trouble is too much emphasis, not too little.