Web Design & Web Strategy

Web Typography – 40 sources for inspiration and instruction

  • Sharebar

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

    5. 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

    The Six Layers of Design New Book, Coming Late 2011

    Forget your previous notions of design. Your abilities as a designer are 30% technical and 70% mental. Sign up to be notified of the upcoming "Six Layers of Design" book to learn more and get first crack to free design resources and tools to be published along with the book.

    «
    »

Share This Post


About This BLOG

Since inception, this blog has covered a plethora of topics. Excited by all things design, I spent six years with out a focus. A year ago I discovered my true passion... designing with psychology (primarily as it related to the web). Many thanks to my Web Design Agency, 3.7 DESIGNS that gifts me time to publish my findings.

The Latest Buzz

You should follow us on twitter here.

We recommend

Basecamp
hosting by media temple
Web Design Sketchbook

Google Analytics Alternative