Blog
Web Typography – 40 sources for inspiration and instruction
CSS, javascript, and flash has brought the web design community a long way in what we are capable of doing when it comes to typography. However simply being ABLE to take advantage of rich typography doesn’t mean that we all know how. So below are some resources to make it easier to find typographic inspiration and instruction.
inspiration
Need some ideas on how to layout your text? Looking for some inspiration? Browse through these sites to get ideas on what you can do and how.
- Typography for Headlines
- Web Typography Part 2
- Web Typography Part 1
- Giant Type
- sIFR Examples
- sIFR 3 Examples
- Css Typography Examples
- Flickr Type Gallery
- Pull Quote Gallery
- Times New Roman on the Web
- Taking Back Times new Roman
- Flickr Type Group
Typography How-to’s
Want to know how to do some accessible image replacement? Use sIFR? or create a long font list for “luxury” fonts? This is the section for you, plenty of learning new techniques, methods, and tricks.
Theory and Information
Sites that will help you better understand typography
- Elements of Typographic Style for the Web
- Web Typography Sucks
- Typogrify
- Choosing Web Typefaces
- 13 Ways to look at a typeface
- Web Style Guide: Typography
- Elegant Web Typography
- Font Survey
- Whitespace and Typography
- Web Page Design For Designers: Typography
- Five Simple Steps to better typography
Baselines and Vertical Rhythm
One very important aspect of Typography and typesetting is to produce a baseline rhythm. These sites will teach you how to set up a baseline and some shortcuts to implementing it
- Typography baselines Rhythm Deciphered
- Setting Type on the Web
- Typesetting Javascript Tool
- CSS Type – testing type for pixel perfectionists