TYPECHART  lets you flip through, preview and compare web typography while retrieving the CSS.
Info

About Typechart

Typechart lets you flip through, preview and compare web typography while retrieving the CSS.
  • Browse typographic styles. (See “anatomy of a style” below)
  • Download CSS. { 1 }
  • Compare Windows (ClearType) rendering { 3 } with Apple font rendering { 2 }
  • Each style corresponds with a “style ID” { 4 }, which allows you to annotate prototypes and retrieve the css while coding.

About TC

Other Notes

Non Web safe fonts have a symbol next to the font name that corresponds with the following key.

† Windows native font only     * Mac native font    ^ Office 07+08 & Vista native font

Heres a bunch of useful resources

New styles will be added, while existing styles will be tweaked.

Previews captured in Mac OSX 10.5 and Windows Vista with cleartype on.

XP users, turn cleartype on.

Make suggestions or report errors

Created by Panduka Senaka. I do web things at Patternmade