Typography Links

This is a very old article. It has been imported from older blogging software, and the formatting, images, etc may have been lost. Some links may be broken. Some of the information may no longer be correct. Opinions expressed in this article may no longer be held.

Most of the really pleasant web designs I see seem to display more than a little evidence of classical typographic knowledge. Here’s my collection of typography-related resources, including links to some classic (and some common) fonts.

Tips and Tricks

Mark Boulton: Five Simple Steps to Better Typography
Richard Rutter & Mark Boulton: Web Typography Sucks

Particular Characters

Mark Boulton: The Right Glyph for the Job (ellipsis, quotes, ligatures)
Mark Boulton: Dashes
A List Apart: The Trouble with EM ‘n EN (dashes, hyphens, spaces, quotes, primes, ellipsis)
Jukka Korpela: Dashes and Hyphens
Jukka Korpela: Unicode Spaces
Jukka Korpela: The Euro Sign in HTML
Jukka Korpela: Characters in SI Notations
Wikipedia: Asterisk
Wikipedia: Asterism
Wikipedia: Dagger
Wikipedia: Guillemets
Wikipedia: Pilcrow
Wikipedia: Prime
Wikipedia: Section Sign
Wikipedia: Tilde


Code Style: Font Sampler
Buzzword.org.uk: Common Fonts
Sans Serif / Gothic
Wikipedia: Franklin Gothic
Wikipedia: Geneva
Wikipedia: Haettenschweiler
Wikipedia: Helvetica
Wikipedia: Impact
Wikipedia: Univers

Wikipedia: Century Gothic
Wikipedia: Futura

Wikipedia: Frutiger
Wikipedia: Gill Sans
Wikipedia: Lucida Grande
Wikipedia: Myriad
Wikipedia: Optima
Wikipedia: Tahoma
Wikipedia: Trebuchet MS
Wikipedia: Verdana

Old Style
Wikipedia: Aldus
Wikipedia: Caslon
Wikipedia: Garamond
Wikipedia: Hoefler Text
Wikipedia: Palatino
Wikipedia: Trajan

Wikipedia: Baskerville
Wikipedia: Berhard Modern
Wikipedia: Bookman
Wikipedia: Georgia
Wikipedia: Mrs Eaves
Wikipedia: Times Roman

Wikipedia: Bodoni
Wikipedia: Century Schoolbook
Wikipedia: Didot

Slab Serif
Wikipedia: Courier
Wikipedia: Rockwell

Wikipedia: Brush Script
Wikipedia: Comic Sans MS
Wikipedia: Dom Casual
Wikipedia: Mistral

Adobe: ITC Zapf Chancery
Wikipedia: Kuenstler Script
Wikipedia: Zapfino

Black Letter
Wikipedia: Fette Fraktur


I won’t give any links to grid-based layout information because I just don’t think grid-based layout gels well with web design — it doesn’t work with liquid layouts and resizable fonts.