If you appreciate typographic inspiration, you’ll love our new gallery site TypeInspire.
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:
The Elements of Typographic Style Applied to the Web
An Introduction to Font Families and Font Choices
ABC Typography: A Virtual Type Museum
Typography Crashcourse Roundup
Typography for Headlines - Gallery of Headlines
Text Sizing Methods by Browser
Typography in the Behance Network
Fun:
Great Scenes from TV and Film, Told Using Only Typography (and Sound)
March 24th, 2008
Great list of resources for typography, thanks for the inclusion in the list also!
March 24th, 2008
Thanks Dustin, and you’re welcome for the link.
March 24th, 2008
This post has been submitted to Digg
http://digg.com/design/101_Typography_Resources_for_Web_Designers
March 24th, 2008
Thanks Shankar.
March 25th, 2008
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.
March 25th, 2008
There is no end to the amount of information on typography on the internet. Thanks for doing the leg work of gathering them.
March 25th, 2008
Steven….are you human?
March 25th, 2008
nice list. thx.
March 25th, 2008
Great list! Thanks for sharing.
March 25th, 2008
[...] 101 recursos tipográficos para diseñadores web ENTRADAS RELACIONADAS: [...]
March 25th, 2008
WOW, what a great list… will take me forever to go through, thanks for posting it.
March 25th, 2008
Typesites is a brilliant resource as well.
March 25th, 2008
[...] 原文：http://vandelaydesign.com/blog/design/typography-resources/ [...]
March 25th, 2008
[...] 原文：http://vandelaydesign.com/blog/design/typography-resources/ [...]
March 25th, 2008
[...] http://vandelaydesign.com/blog/design/typography-resources/ [...]
March 25th, 2008
101 Typography Resources for Web Designers…
Liste mit Freie Schriften, Tools und Tutorials…
March 25th, 2008
[...] 101 Typography Resources for Web Designers [...]
March 25th, 2008
[...] http://vandelaydesign.com/blog/design/typography-resources/ [...]
March 25th, 2008
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!
March 25th, 2008
wow!!
there are tons of great fonts in here!
this is great!
wordpress best blogs
March 25th, 2008
Great Fonts! There are more here.
March 25th, 2008
[...] 101 Typography Resources for Web Designers [...]
March 25th, 2008
[...] Typography Resources: Vandalay Design has a whole repository of typography resources for you. Lots of fonts and the like. [...]
March 26th, 2008
[...] 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 [...]
March 26th, 2008
[...] 101 Typography Resources for Web Designers [...]
March 26th, 2008
You’ve out done yourself! Very thorough list:)
March 26th, 2008
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…
March 26th, 2008
Great list. Ah, but how to choose the one or two fonts that you like the best?!
March 26th, 2008
Great list! Stumbled and Dugg!
March 26th, 2008
[...] 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 [...]
March 26th, 2008
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.
March 26th, 2008
[...] coming up hot? Well, 101 Typography Resources for Web Designers for one. And 77 Resources to Simplify Your Life as a Web [...]
March 27th, 2008
awesome list. I’m going to have to bookmark this for later. I need some ideas for a new logo!
March 27th, 2008
Slow down pal! The amount of information you are feeding us is overwhelming!
March 27th, 2008
[...] 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. [...]
March 27th, 2008
Sheesh, those look familiar. That’s what the haxors used on or site
http://www.johncow.com/hacked/
March 28th, 2008
This is very much cool.Nice informative.Thanks a lot.
March 28th, 2008
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.
March 28th, 2008
This list is really great, thank you so much!
March 28th, 2008
[...] 101 Typography Resources for Web Designers por Vandelay [...]
March 29th, 2008
[...] 101 Typography Resources for Web Designers | Vandelay Website Design - Lots of links to fonts and other typography resources. [...]
March 29th, 2008
[...] Enlace | 101 recursos tipograficos para diseñadores web (en ingles) [...]
March 30th, 2008
[...] Wandelay troviamo una lista di risorse di sicuro [...]
March 30th, 2008
[...] 101 Typography Resources for Web Designers - from Vandelay Design [...]
March 31st, 2008
[...] 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. [...]
April 1st, 2008
This is a fantastic post and a great resource bookmark
Thanks
April 1st, 2008
[...] 101 Typography Resources for Web Designers [...]
April 4th, 2008
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!
April 7th, 2008
[...] Steven at Vandelay Design brings us yet another excellent link collection. This time for typography resources. [...]
April 8th, 2008
[...] resources for web designers 101 Typography Resources for Web Designers | Vandelay Website Design may be OLD but thought i’d [...]
April 8th, 2008
[...] Wandelay troviamo una lista di risorse di sicuro [...]
April 8th, 2008
Thanks for putting this extensive list of typography resources together! Every link is a type inspiration.
April 9th, 2008
[...] typografie voor web designers, de lijst is zeer compleet en de moeite waard te bekijken. Zie de → website. Stem of voeg toe aan [...]
April 13th, 2008
[...] Logos in a font (free) — thanks to Julian Schrader 101 Typography Resources — via David Airey City type — via aisleone Inkthis [...]
April 18th, 2008
[...] 101 Typography Resources for Web Designers: [...]
April 19th, 2008
[...] 101 Typography Resources for Web Designers | Vandelay Website Design [...]
April 26th, 2008
entirely safe and fun Very helpful!
May 3rd, 2008
[...] 101 Typography Resources for Web Designers [...]
May 4th, 2008
[...] lista de 101 Recursos de Tipografía para Diseñadores Web, bastante completo el trabajo de la gente de Vandelay. 0 [...]
May 6th, 2008
[...] 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. [...]
May 22nd, 2008
[...] 101 Typography resources for Web Designers [...]
June 13th, 2008
[...] 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. [...]
June 17th, 2008
[...] 101 Typography Resources for Web Designers - Vandelay Design [...]
June 22nd, 2008
[...] catch-all: someone else’s much more comprehensive list of type resources can be found here. [...]
June 25th, 2008
[...] 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 [...]
July 4th, 2008
[...] 101 Recursos tipograficos [...]
July 13th, 2008
Great link. Thanks for share !
July 26th, 2008
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?
July 26th, 2008
sry. I meant “..while choosing sans-serif for vandelaydesign.com…”
July 26th, 2008
[...] and 101 Typography Resources for Web Designers. [...]
July 29th, 2008
[...] 40+ Free Fonts for Professional Design from Smashing Magazine. [...]
August 5th, 2008
[...] 40+ Free Fonts for Professional Design sempre dalla rivista Smashing Magazine più di 40 font scaricabili gratuitamente [...]
August 17th, 2008
[...] 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. [...]
August 19th, 2008
[...] 40+ Free Fonts for Professional Design otro de Smashing Magazine. [...]
September 4th, 2008
[...] and 101 Typography Resources for Web Designers. [...]
September 15th, 2008
[...] 101 Typography Resources For Designers [...]
September 24th, 2008
[...] 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. [...]
October 3rd, 2008
[...] 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. [...]
October 10th, 2008
[...] 101 Typography Resources for Web Designers [...]
November 24th, 2008
[...] En tot slot vind je hier nog een lijst met meer dan 100 typography recourses. [...]
December 1st, 2008
[...] 101 Typography Resources for Web Designers - Vandelay Design [...]
December 2nd, 2008
[...] ş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 [...]
December 8th, 2008
But more articles related to the topic are in order. Searching for serif returns only one article (this one).
December 21st, 2008
Hey,
thanks for the great collection.
You can add my site too to this collection,
Url is: http://www.downloadfreefonts.org
January 28th, 2009
[...] 101 Typography Resources for Web DesignersA great list of typography-related resources from our author, Steven Snell. [...]
January 28th, 2009
[...] 101 Typography Resources for Web DesignersA great list of typography-related resources from our author, Steven Snell. [...]
January 28th, 2009
[...] 101 Typography Resources for Web DesignersA great list of typography-related resources from our author, Steven Snell. [...]
January 29th, 2009
[...] 101 Typography Resources for Web DesignersA great list of typography-related resources from our author, Steven Snell. [...]
February 2nd, 2009
[...] 101 Typography Resources for Web Designers - Vandelay Design [...]
February 10th, 2009
[...] Decenas de recursos tipográficos (recopilación de Vandelaydesign) [...]
February 16th, 2009
[...] (Vandelay Design Blog) - Lists of Great Fonts, Download Fonts, tools, articles and more resources [...]
February 21st, 2009
[...] 101 Typography Resources for Web DesignersA great list of typography-related resources from our author, Steven Snell. [...]
March 3rd, 2009
[...] and Font Blogs by Specky Boy 15 Excellent Examples of Web Typography by I love Typography 101 Typography Resources for Web Designers by Vandelay Typography for Headlines by SmileyCat 13 Ways of Looking at a Typeface by Design [...]
March 5th, 2009
[...] 101 Typography Resources for Web Designers | Vandelay Design Blog TONS of typography resources (tags: webdesign design typography resources free font) [...]
March 5th, 2009
Dafont has been my free font download site of choice for many years now, I will check out these other ones, thanks for the links!
March 11th, 2009
[...] 101 Typography Resources for Web Designers | Vandelay Design Blog [...]
March 13th, 2009
[...] 101 Typography Resources For Web Designers [...]
March 22nd, 2009
wow this list is the best…bookmarked it at the first time i saw it.thanks
March 30th, 2009
[...] fonts, fonts and more fonts (maybe someday we can get a petition to remove comic sans from [...]
April 1st, 2009
Great post. I appreciate the time you put into these
April 10th, 2009
[...] 101 Typography Resources for Web Designers [...]
April 13th, 2009
Really helpfull and great post.Thanks
May 1st, 2009
[...] 101 Typography Resources for Web Designers A great list of typography-related resources from our author, Steven Snell. [...]
May 8th, 2009
This is an excellent resource for all designers.
May 12th, 2009
Sweet list! I am a typeface whore and love finding new freeware fonts to use in my designs. This is a wonderful resource and I’m definitely hanging onto it. Thanks for taking the time to post it
May 15th, 2009
[...] 101 Typography Resources for Web Designers [...]
May 15th, 2009
Oo nice list, tnx a lot!
May 21st, 2009
[...] 101 Typography Resources For Web Designers [...]
May 24th, 2009
[...] 101 Typography Resources for Web Designers [...]
June 12th, 2009
great list. i didn’t know most of them before.
June 14th, 2009
[...] Articles: The Power of Typography in Design Vandelay Design’s 101 Typography Resources for Web Designers [...]
June 19th, 2009
Thanks for sharing such a huge list. Better start going through the list now.
June 28th, 2009
[...] 101 Resource mengenai Typography untuk Web Designer oleh VandelayDesign (English) [...]