Web Design – Typography

Michael Doyle — Fri, 29 May 2009 14:39:38 +0000

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

Michael Doyle — Thu, 28 May 2009 13:35:15 +0000

The Typographic Desk Reference looks like a very handy reference book for designers. Some sample pages are included on the site. http://typedeskref.com/ Related posts:Web Design – Typography Design – Choosing Web Fonts Fonts – Web Safe Related posts:

Michael Doyle | Blog » Typography

Web Design – Typography

Design – Typographic Desk Reference