Top ten tips for web typography
The latest issue of Design Edge Canada magazine – a publication for Canada’s graphic design industry – was a web typography special for which I contributed the following top ten tips for web typography:
- Use quote and dashes; not primes and hyphens
- Don’t rely on a browser’s default margins and indentations
- Design to a scale
- Limit your number of typefaces and font sizes
- Ensure line lengths are comfortable for reading on screen
- Be generous with leading
- Embrace web fonts such as Arial that are well designed for the job
- Ensure you design won’t break when users increase the text size
- Specify a print style sheet to ensure your website prints out well
- Prepare for print-resolution screens
Yes I did say embrace Arial. It is a good screen font. Rubbish in print, but good on screen q.v. Subtraction.
Also in the magazine is a very decent article on the current state of web typography, featuring contributions from me, Dave Shea, Joe Clark and even typographer Matthew Carter. If you’re based in Canada you can order the magazine for free (those outside of Canada will have to fork out $60). I’m hoping the articles will make their way online soon.