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.

1. Typography for Headlines
2. Web Typography Part 2
3. Web Typography Part 1
5. Giant Type
6. sIFR Examples
7. sIFR 3 Examples
8. Css Typography Examples
9. Flickr Type Gallery
10. Pull Quote Gallery
11. Times New Roman on the Web
12. Taking Back Times new Roman
13. 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.

1. Image Replacement Techniques
2. CSS Typography Techniques
3. sIFR Instructions and Resources
4. Luxury Type

Theory and Information

Sites that will help you better understand typography

1. Elements of Typographic Style for the Web
2. Web Typography Sucks
3. Typogrify
4. Choosing Web Typefaces
5. 13 Ways to look at a typeface
6. Web Style Guide: Typography
7. Elegant Web Typography
8. Font Survey
9. Whitespace and Typography
10. Web Page Design For Designers: Typography
11. 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

1. Typography baselines Rhythm Deciphered
2. Setting Type on the Web
3. Typesetting Javascript Tool
4. CSS Type – testing type for pixel perfectionists

Fonts

1. Typophile
2. 20 best free fonts
3. More Free Quality Fonts
4. Favorite Fonts of 2006
5. Favorite Fonts of 2005

Typography Books

1. Elements of typographic style
2. Thinking with type
3. Typography 27
4. Typography Workbook
• 



5 Responses to “Web Typography – 40 sources for inspiration and instruction”

1. links for 2007-08-19 « toonz says:

   Sunday, August 19, 2007 at 7:09 pm

   [...] » Web Typography – 40 sources for inspiration and instruction – Web Design Marketing Podcast & … (tags: typography fonts resources css web) [...]
2. links for 2007-08-22 | SOJo: Student of Online Journalism says:

   Wednesday, August 22, 2007 at 8:13 am

   [...] 40 sources for inspiration and instruction (tags: fonts typography) I wrote this on August 22, 2007 at 7:25 am and filed it under Uncategorized. Bookmark the permalink. Follow comments with the RSS feed for this post. Post a comment or leave a trackback. « Anagrams are awesome [...]
3. Andrew says:

   Thursday, September 20, 2007 at 9:02 pm

   The art and technique of expression with kinetic text is used to communicate the mood of the performing artists such as Nina Simone, Cuartetodenos, Telepopmusic and many more…

   Select AUTOPLAY after clicking the first video and enjoy the shuffle that was bookmarked on Yuxt

   http://yuxt.com/artist/Typography_in_Music_Videos
4. Matthew says:

   Thursday, October 11, 2007 at 6:50 am

   Thought you might also find this tool useful:

   http://www.designerplaything.co.uk

   Allows vairous controls over typography and layout as well as providing a w3c colour checker for headlines and body copy.
5. CSS ve Tipografi | Rasim Coşkun | Web Tasarım | Web Design says:

   Monday, October 22, 2007 at 3:49 am

   [...] http://www.3point7designs.com/blog/2007/08/16/web-typography-50-sources-for-inspiration-and-instruct... [...]

Leave a Reply

Click here to cancel reply.

1. Name
   (required)
2. E-Mail
   (will not be published) (required)
3. Website

• Author: Ross Johnson
• Date: Thursday, August 16, 2007
• Comments: 5 Comments
• Categories:
  • Web Design
• Tagged: