Michael Doyle | Blog

Web Design – Typography

I've usually just relied on Verdana and eyeballing layouts when taking typography into consideration. At the moment, I'm living and breathing typography for the website I'm currently creating. It's a simple website, but I'm focusing on the rules for typography on the web, web safe fonts, spacing, leading, etc. It's one of my biggest weaknesses when designing websites so I'm researching as much as possible into it at the moment. Some interesting sites I've come across are:

Basic rules for web typography:

http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/

Browser safe fonts:

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Fonts bundled with Mac, Windows, Adobe and Office:

http://media.24ways.org/2007/17/fontmatrix.html

Embedding custom fonts with Javascript:

http://typeface.neocracy.org/

Smashing Magazine has a great article on 50 different web typography tools:

http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/

Design – Typographic Desk Reference

The Typographic Desk Reference looks like a very handy reference book for designers.

Some sample pages are included on the site.

http://typedeskref.com/