Vandelay Website Design Blog

101 Typography Resources for Web Designers

Typography

Lists of Great Fonts:

40+ Excellent Freefonts for Professional Design - Smashing Magazine

80 Beautiful Typefaces for Professional Design - Smashing Magazine

60 Brilliant Typefaces for Corporate Design - Smashing Magazine

30 Fonts that All Designers Must Own - Just Creative Design

Most Popular Free Quality Fonts - Tech Magazine

Great Fonts for Web 2.0 - Modern Life is Rubbish

13 Typefaces Every Graphic Designer Needs - David Airey

25 Best Free Quality Fonts - Vitaly Friedman

Download Fonts:

Dafont - One of the most popular sources of free fonts

Urban Fonts - More than 8,000 fonts to choose from

Better Fonts - Over 10,000 free fonts

Fawnt - Over 9,000 fonts

RFonts.com - Hundreds of fonts categorized by style

FlashDen - Commercial pixel fonts

Font Freak - 5,000 free fonts and 25,000 commercial fonts

High Fonts - 3,000 free fonts, 25,000 commercial fonts

Better Fonts - 10,000 fonts and counting

Abstract Fonts - 10,000 free fonts

Daily Free Fonts - Thousands of free fonts

SearchFreeFonts - 13,000 free fonts and more that can be purchased

1001 Free Fonts - Nicely categorized

1001 Fonts - Free fonts by category

File Cart - Over 9,000 free fonts

Acid Fonts - Categorized free fonts

Absolute Fonts - Almost 7,000 fonts

The Font Pool - Over 40,000 fonts

Type Now - Currently 6,846 fonts

SimplyTheBestFonts - A lot of different categories to choose from

Fonts 500 - The web’s top 500 free fonts

FontCubes - Over 9,000 free fonts

Free Mac Fonts - Over 6,000 fonts for Macs

WebPagePublicity - Over 6,000 fonts

Phil’s Fonts - Commercial

Fonts for Flash - Commercial

Font Garden - 1,500 fonts not very well categorized

2200FreeFonts - Not categorized

ShowFont - 10,000 fonts only in alphabetical order

GetFreeFonts.info - 2,500 fonts in alphabetical order

Creamundo - Almost 10,000 fonts, but difficult to find what you want

Tools:

Font Tester - View and compare fonts easily

TypeTester - An easy way to compare fonts on-screen

CSSTYPE - Another useful font testing tool

Em Calculator - Converts size in pixels to relative em units, which are based on a text size

Lorem Ipsum - The best tool for creating dummy text

What the Font? - Upload a file and it will identify a font

Colour Contrast Check - Specify a foreground and a background colour and determine if they provide enough of a contrast when viewed by someone having color deficits or when viewed on a black and white screen

FontExplorer X - Free font management software

Designer Plaything - The Standalone Web Typography and Colour Testing Tool

CSS with Vertical Rhythm - Will help you compute CSS that has a consistent vertical rhythm

Baseline Rhythm Calculator - Helps you to generate a stylesheet

Articles:

A Guide to Web Typography - I Love Typography

15 Excellent Examples of Web Typography - I Love Typography

The Anatomy of Web Fonts - SitePoint

The Principles of Beautiful Typography - SitePoint

How to Size Text in CSS - A List Apart

Power to the People: Relative Font Sizes - A List Apart

Typography Matters - A List Apart

The Non-Typographer’s Guide to Practical Typeface Selection - Cameron Moll

5 Simple Steps to Better Typography - Mark Boulton

The Effect of Website Typeface Appropriateness on the Perception of a Company’s Ethos - Usability News

How to Size Text Using Ems - Clagnut

13 Ways of Looking at a Type Face - Design Observer

Typography and Web Advertising: Making Every Opportunity Count - Digital Web Magazine

Better Font Management - Digital Web Magazine

CSS Typography - Digital Web Magazine

15 Tips to Choose a Good Type Text - Typies

Fonts on the Web and a List of Web Safe Fonts - Dustin Brewer

Serif vs. San Serif - KuraFire Network

Web Typography Cheat Sheet - Modern Life

Working with a Limited Font Set on the Web - Modern Life

Typography Tips and Advice for Graphic Design Students - David Airey

Logo Type Guide - RedSun

Typo Tips - The FontFeed

Choosing Type Alignments for the Web - Astheria

Motion Typography: 4 Approaches to Kinetic Text - Wisdump

It’s All About Legibility - Fonts.com

Know Your Type - iStockphoto

The Showcase of BIG Typography - Smashing Magazine

Resources:

Browser Safe Fonts

Top 10 Web Safe Fonts

The Elements of Typographic Style Applied to the Web

Web Typography Style Guide

An Introduction to Font Families and Font Choices

ABC Typography: A Virtual Type Museum

TypeNeu - Typography News

Nice Web Type - Gallery

Typography Crashcourse Roundup

Combined Font Survey Results

Typography for Headlines - Gallery of Headlines

Accessible Web Typography

FontLover

Typography Videos at Yuxt

Typography Glossary

Text Sizing Methods by Browser

Font Classification

TypeNavigator

Typography in the Behance Network

Movie Fonts

Fun:

Arial or Helbetica?

Helvetica Documentary Video

Great Scenes from TV and Film, Told Using Only Typography (and Sound)

Originally Published March 24th, 2008

82 Responses

  1. Dustin Brewer | March 24th, 2008 at 10:25 pm

    Great list of resources for typography, thanks for the inclusion in the list also!

  2. Vandelay Design | March 24th, 2008 at 10:36 pm

    Thanks Dustin, and you’re welcome for the link.

  3. Shankar Ganesh | March 24th, 2008 at 11:31 pm

    This post has been submitted to Digg :)

    http://digg.com/design/101_Typography_Resources_for_Web_Designers

  4. Vandelay Design | March 24th, 2008 at 11:35 pm

    Thanks Shankar.

  5. Jacob Cass | March 25th, 2008 at 12:25 am

    An offline resource I recommend is:

    The Non Designers Type Book by Robin Williams
    This book is full of the bare essentials of typography. It is VERY easy to read and a MUST HAVE for anyone starting out in typography.

    I would also recommend Typography Resources Every Designer Should know.

  6. Vinh Le | March 25th, 2008 at 3:00 am

    There is no end to the amount of information on typography on the internet. Thanks for doing the leg work of gathering them.

  7. pablopabla | March 25th, 2008 at 5:52 am

    Steven….are you human?

  8. Mademind | March 25th, 2008 at 6:58 am

    nice list. thx.

  9. Biodun | March 25th, 2008 at 7:24 am

    Great list! Thanks for sharing.

  10. 101 recursos tipográficos para diseñadores web | La brujula verde | March 25th, 2008 at 7:58 am

    […] 101 recursos tipográficos para diseñadores web ENTRADAS RELACIONADAS: […]

  11. Scott Fillmer | March 25th, 2008 at 8:23 am

    WOW, what a great list… will take me forever to go through, thanks for posting it.

  12. Pete | March 25th, 2008 at 8:25 am

    Typesites is a brilliant resource as well.

  13. CSS Ku » 101 Typography Resources for Web Designers | March 25th, 2008 at 10:01 am

    […] 原文:http://vandelaydesign.com/blog/design/typography-resources/ […]

  14. Bobo’s Blog » 101 Typography Resources for Web Designers | March 25th, 2008 at 10:02 am

    […] 原文:http://vandelaydesign.com/blog/design/typography-resources/ […]

  15. 101 Typography Resources for Web Designers « Richard Eskins | March 25th, 2008 at 10:12 am

    […] http://vandelaydesign.com/blog/design/typography-resources/ […]

  16. hype.yeebase.com | March 25th, 2008 at 12:23 pm

    101 Typography Resources for Web Designers…

    Liste mit Freie Schriften, Tools und Tutorials…

  17. 101 Recursos para Descargar Fuentes | Blogultura.com | March 25th, 2008 at 2:54 pm

    […] 101 Typography Resources for Web Designers […]

  18.   Daily Blog Summary March 25, 2008 by Full Tilt Blogging.com | March 25th, 2008 at 3:28 pm

    […] http://vandelaydesign.com/blog/design/typography-resources/ […]

  19. Aaron at FullTiltBlogging.com | March 25th, 2008 at 3:47 pm

    This post is featured in today’s Daily Blog Summary along with other top posts from the top 50 Make Money Blogging sites. Good job!

  20. wordpress best blogs | March 25th, 2008 at 4:08 pm

    wow!!

    there are tons of great fonts in here!

    this is great!

    wordpress best blogs

  21. Rich | March 25th, 2008 at 4:24 pm

    Great Fonts! There are more here.

  22. Design Links Typography Resources | EDGE3SiXTY | March 25th, 2008 at 5:42 pm

    […] 101 Typography Resources for Web Designers […]

  23. Sophisticat » Tuesday Linkage | March 25th, 2008 at 8:21 pm

    […] Typography Resources: Vandalay Design has a whole repository of typography resources for you. Lots of fonts and the like. […]

  24. WordPress Design Collections, Themes, and News - Blog Tipz | March 26th, 2008 at 12:04 am

    […] March 24, they created a resource list of 101 Typography Resources for Web Designers that brings together thousands of free and downloadable fonts as well as insightful […]

  25. HighFivez.com: Your Guide Through The Blogosphere. Find Blogs and Blog Posts. | March 26th, 2008 at 12:13 am

    […] 101 Typography Resources for Web Designers […]

  26. Tim | March 26th, 2008 at 11:17 am

    You’ve out done yourself! Very thorough list:)

  27. Sy Stanford | March 26th, 2008 at 1:35 pm

    Fantastic resource, certainly gets my thumbs up! However, I’d change the title to just 101 Typography Resources for Designers as you don’t want anyone thinking that you can just use these fonts for body text on a site…

  28. Kathryn | March 26th, 2008 at 2:59 pm

    Great list. Ah, but how to choose the one or two fonts that you like the best?!

  29. Karthik | March 26th, 2008 at 3:31 pm

    Great list! Stumbled and Dugg!

  30. Para Ti Que és Web Designer | Trabalhar a partir de casa | Trabalhar a partir de casa | Programas grátis | Euromilhões | Dinheiro | March 26th, 2008 at 5:52 pm

    […] Este blog, tem na sua generalidade artigos bem interessantes, principalmente para Web Designers, entre os quais destaco um, com uma enorme lista de óptimas fontes de tipografia: 101 Typography Resources for Web Designers […]

  31. Vandelay Design | March 26th, 2008 at 7:16 pm

    Jacob,
    Thanks for recommending the additional resources.

    Pablo,
    Yes. I just don’t have much of a life these days.

    Aaron,
    Thank you!

    Kathryn,
    Good luck with that.

  32. Vandelay Website Design | Designers who Blog: Design, Illustration, Photography, Web, Advertising, Branding ... | March 26th, 2008 at 9:39 pm

    […] coming up hot? Well, 101 Typography Resources for Web Designers for one. And 77 Resources to Simplify Your Life as a Web […]

  33. Brilliances | March 27th, 2008 at 12:21 am

    awesome list. I’m going to have to bookmark this for later. I need some ideas for a new logo!

  34. pablopabla | March 27th, 2008 at 4:37 am

    Slow down pal! The amount of information you are feeding us is overwhelming! :P

  35. 101 Typografische Links » Blog » BEIER-CHRISTIAN.eu | Christian Beier // design+foto | March 27th, 2008 at 1:33 pm

    […] 101 Ressourcen rund um Schriften und Typografie hat Vandelay zusammengestellt. Sortiert sind die Links in die Kategorien: List of great fonts, Download fonts, Tools, Articles, Resources und Fun. […]

  36. John Cow | March 27th, 2008 at 5:21 pm

    Sheesh, those look familiar. That’s what the haxors used on or site :)
    http://www.johncow.com/hacked/

  37. Resume maker online | March 28th, 2008 at 2:07 am

    This is very much cool.Nice informative.Thanks a lot.

  38. art reproductions | March 28th, 2008 at 4:05 pm

    You have created quite the list of font resources!! Thanks for sharing it with rest of us. I see a couple of articles that I need to read right away, font management & css typo.

  39. Ivan | March 28th, 2008 at 5:54 pm

    This list is really great, thank you so much!

  40. Freak-Log™ #9 — Freak Group | March 28th, 2008 at 10:35 pm

    […] 101 Typography Resources for Web Designers por Vandelay […]

  41. Mea Culpa » Bookmarks for January 31st through March 28th | March 29th, 2008 at 1:58 pm

    […] 101 Typography Resources for Web Designers | Vandelay Website Design - Lots of links to fonts and other typography resources. […]

  42. 101 Recursos tipograficos « | March 29th, 2008 at 9:01 pm

    […] Enlace | 101 recursos tipograficos para diseñadores web (en ingles) […]

  43. 101 risorse tipografiche per web disegner G.B. | March 30th, 2008 at 11:00 am

    […] Wandelay troviamo una lista di risorse di sicuro […]

  44. The Top Best Graphic Design Articles from March 2008 | March 30th, 2008 at 10:37 pm

    […] 101 Typography Resources for Web Designers - from Vandelay Design […]

  45. This month in Bookmarks: March 2008 | Eric Wendelin's Blog | March 31st, 2008 at 4:11 am

    […] 101 Typography Resources for Web Designers | Vandelay Website Design - A massive list (obviously) of good typography resources. Probably the best roundup of typography resources I’ve seen. You should check it out. […]

  46. Guitar Backing Tracks | April 1st, 2008 at 12:34 pm

    This is a fantastic post and a great resource bookmark

    Thanks

  47. Magic Multi-Inspirational Sites of March | Malene Hald | April 1st, 2008 at 5:53 pm

    […] 101 Typography Resources for Web Designers […]

  48. Matthew | April 4th, 2008 at 12:45 am

    Yet another great list from Vandelay Design! We have bookmarked several of your list posts, and like the others, this is worthy of a bookmark.

    Thank you for taking the time to put this together!

  49. Creative resources 07 April 2008 | David Airey :: Graphic and Logo Designer | April 7th, 2008 at 6:23 am

    […] Steven at Vandelay Design brings us yet another excellent link collection. This time for typography resources. […]

  50. 101 resources for web designers - DesignersTalk | April 8th, 2008 at 8:37 am

    […] resources for web designers 101 Typography Resources for Web Designers | Vandelay Website Design may be OLD but thought i’d […]

  51. 101 risorse tipografiche per web disegner | G.B. | April 8th, 2008 at 2:20 pm

    […] Wandelay troviamo una lista di risorse di sicuro […]

  52. Sander | April 8th, 2008 at 3:14 pm

    Thanks for putting this extensive list of typography resources together! Every link is a type inspiration.

  53. SignSphere: een collectie van design, lettertype resources | April 9th, 2008 at 7:57 am

    […] typografie voor web designers, de lijst is zeer compleet en de moeite waard te bekijken. Zie de → website. Stem of voeg toe aan […]

  54. Sunday type: ampersand type | i love typography, the typography blog | April 13th, 2008 at 7:40 pm

    […] Logos in a font (free) — thanks to Julian Schrader 101 Typography Resources — via David Airey City type — via aisleone Inkthis […]

  55. 23 sites de Polices gratuites | blog de calii.fr | April 18th, 2008 at 2:50 pm

    […] 101 Typography Resources for Web Designers: […]

  56. Valontuoja » Blog Archive » Kaoottinen linkkidumppi | April 19th, 2008 at 4:50 pm

    […] 101 Typography Resources for Web Designers | Vandelay Website Design […]

  57. موقع | April 26th, 2008 at 4:09 pm

    entirely safe and fun Very helpful!

  58. Amazing, Adorable, Ambitious and Astonishing Links of April | Malene Hald | May 3rd, 2008 at 5:28 pm

    […] 101 Typography Resources for Web Designers […]

  59. 101 Recursos de Tipografia — Tablosign | May 4th, 2008 at 7:45 am

    […] lista de 101 Recursos de Tipografía para Diseñadores Web, bastante completo el trabajo de la gente de Vandelay. 0 […]

  60. 99 Flickr Groups for Design Inspiration | Arash Blog | May 6th, 2008 at 2:08 pm

    […] Looking for some ideas to improve the typography of your work? You’ll find some examples of great and creative uses of typography in these groups. […]

  61. Typography in blog design | GregWolejko.com | May 22nd, 2008 at 2:04 pm

    […] 101 Typography resources for Web Designers […]

  62. notstatic.com | June 13th, 2008 at 4:30 pm

    […] Last of all, some slightly more esoteric links are: The Penguin Paperback Spotters’ Guild and the International Typographic Style group, both on Flickr and on Wikipedia (here and here).  And of course the requisite catch-all: someone else’s much more comprehensive list of type resources can be found here. […]

  63. Web Typography At It's Best | inspiredology.com | June 17th, 2008 at 5:45 am

    […] 101 Typography Resources for Web Designers - Vandelay Design […]

  64. nerdplusart.com | Type | June 22nd, 2008 at 6:17 pm

    […] catch-all: someone else’s much more comprehensive list of type resources can be found here. […]

  65. 7 Ways to Increase Your Creativity in Web Design | Vandelay Website Design | June 25th, 2008 at 7:34 pm

    […] like color schemes, changing the fonts or the typography of a design can make a world of difference. In the case of typography, it’s usually a bit […]

  66. Una ración de tipografia : | July 4th, 2008 at 8:16 am

    […] 101 Recursos tipograficos […]

  67. Danhbaweb20.com | July 13th, 2008 at 12:16 pm

    Great link. Thanks for share !

  68. Shivanand Sharma | July 26th, 2008 at 2:41 am

    This is a great article. But more articles related to the topic are in order. Searching for serif returns only one article (this one).

    What is your take on serif vs. sans-serif? Which one is more suited for the web? Also which one is more suited for body text? What factors you kept in mind when redesigning vandelaydesign.com?

  69. Shivanand Sharma | July 26th, 2008 at 2:43 am

    sry. I meant “..while choosing sans-serif for vandelaydesign.com…”

  70. Add brushes and fonts to Gimp. | Nomadgraphs | July 26th, 2008 at 7:22 pm

    […] and 101 Typography Resources for Web Designers. […]

  71. 200+ Resources for Freelance Web Designers | DesignM.ag | July 29th, 2008 at 9:39 pm

    […] 40+ Free Fonts for Professional Design from Smashing Magazine. […]

  72. Strumenti in rete per lo sviluppo web: font e tipografia | www.963.it | August 5th, 2008 at 4:14 pm

    […] 40+ Free Fonts for Professional Design sempre dalla rivista Smashing Magazine più di 40 font scaricabili gratuitamente […]

  73. Email:luvAdobe@gmail.com » 99 Flickr Groups for Design Inspiration | August 17th, 2008 at 7:15 am

    […] for some ideas to improve the typography of your work? You’ll find some examples of great and creative uses of typography in these groups. […]

  74. Tipografias y Fuentes para diseño | CancunForos.com | August 19th, 2008 at 11:51 am

    […] 40+ Free Fonts for Professional Design otro de Smashing Magazine. […]

  75. Nomadgraphs » Add brushes and fonts to Gimp. | September 4th, 2008 at 4:16 am

    […] and 101 Typography Resources for Web Designers. […]

  76. How To Master Photoshop In Just One Week Pt. 3 | September 15th, 2008 at 11:36 pm

    […] 101 Typography Resources For Designers […]

  77. Issues Involved with Website Communication | Vandelay Website Design | September 24th, 2008 at 8:10 pm

    […] Typography can sometimes be a subtle detail in the design of a site, but it can also have a significant impact on the communication. The font chosen, size, color, weight, and case all impact how the message is being communicated. For more on typography, see 101 Typography Resources. […]

  78. Antilogic Media - Design, Technology, SEO, Online Marketing and more… :: Antilogic Media | October 3rd, 2008 at 8:41 pm

    […] Typography can sometimes be a subtle detail in the design of a site, but it can also have a significant impact on the communication. The font chosen, size, color, weight, and case all impact how the message is being communicated. For more on typography, see 101 Typography Resources. […]

  79. Talking Typography Part 3: The Kerning Curve, Free Fonts and Other Resources | Arbenting | October 10th, 2008 at 1:05 pm

    […] 101 Typography Resources for Web Designers […]

  80. Weblog Edwin Duinkerken » Blog Archive » Verzameling inspiratie: Typografie | November 24th, 2008 at 7:41 pm

    […] En tot slot vind je hier nog een lijst met meer dan 100 typography recourses. […]

  81. Typography Inspiration Showcase | December 1st, 2008 at 9:43 pm

    […] 101 Typography Resources for Web Designers - Vandelay Design […]

  82. web tasarımcıları için 101 tipografi kaynağı « zrmbilisim katkıları ile 2009 seo yarışması | December 2nd, 2008 at 5:02 pm

    […] şeklinde verdiğim listenin tümünü bu yazıda bulabilirsiniz. yazının sonunda yer alan kaynaklar(resources) kısmında ise işimize yarayacak […]

Leave a Reply