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)

For more resources please see:

 

Published March 24th, 2008 by

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads. Visit WPEngine.

Join Our Newsletter!

Subscribe to our weekly newsletter chalked full of useful tips, techniques, and design goodies. We have 20,000+ loyal readers and counting! We’ll even send you a free e-book (Freelance Designer’s Guide to Multiple Income Streams) and a $10 discount on our most popular product the Freelance Starter Kit.

150 Responses

Comments are now closed on this post.

  • Dustin Brewer, March 24, 2008

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

  • Vandelay Design, March 24, 2008

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

  • Shankar Ganesh, March 24, 2008

    This post has been submitted to Digg :)

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

  • Vandelay Design, March 24, 2008

    Thanks Shankar.

  • Jacob Cass, March 25, 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.

  • Vinh Le, March 25, 2008

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

  • pablopabla, March 25, 2008

    Steven….are you human?

  • Mademind, March 25, 2008

    nice list. thx.

  • Biodun, March 25, 2008

    Great list! Thanks for sharing.

  • Scott Fillmer, March 25, 2008

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

  • Pete, March 25, 2008

    Typesites is a brilliant resource as well.

  • 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!

  • wordpress best blogs, March 25, 2008

    wow!!

    there are tons of great fonts in here!

    this is great!

    wordpress best blogs

  • Rich, March 25, 2008

    Great Fonts! There are more here.

  • Tim, March 26, 2008

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

  • Sy Stanford, March 26, 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…

  • Kathryn, March 26, 2008

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

  • Karthik, March 26, 2008

    Great list! Stumbled and Dugg!

  • Vandelay Design, March 26, 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.

  • Brilliances, March 27, 2008

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

  • pablopabla, March 27, 2008

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

  • John Cow, March 27, 2008

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

  • Resume maker online, March 28, 2008

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

  • art reproductions, March 28, 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.

  • Ivan, March 28, 2008

    This list is really great, thank you so much!

  • Guitar Backing Tracks, April 1, 2008

    This is a fantastic post and a great resource bookmark

    Thanks

  • Matthew, April 4, 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!

  • Sander, April 8, 2008

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

  • موقع, April 26, 2008

    entirely safe and fun Very helpful!

  • Danhbaweb20.com, July 13, 2008

    Great link. Thanks for share !

  • Shivanand Sharma, July 26, 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?

  • Shivanand Sharma, July 26, 2008

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

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

  • maxx, December 21, 2008

    Hey,
    thanks for the great collection.
    You can add my site too to this collection,
    Url is: http://www.downloadfreefonts.org

  • Amber Weinberg, March 5, 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!

  • oscommerce, March 22, 2009

    wow this list is the best…bookmarked it at the first time i saw it.thanks

  • Hip Hop Makers, April 1, 2009

    Great post. I appreciate the time you put into these

  • tutorialpsd.net, April 13, 2009

    Really helpfull and great post.Thanks

  • Syed Balkhi, May 8, 2009

    This is an excellent resource for all designers.

  • Danaye Shiplett, May 12, 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 :)

  • futura, May 15, 2009

    Oo nice list, tnx a lot!

  • rajiv menon, June 12, 2009

    great list. i didn’t know most of them before.

  • Jeevan, June 19, 2009

    Thanks for sharing such a huge list. Better start going through the list now.

  • Riccardo, July 6, 2009

    Hi,

    here you can find many other web sites with a lot of free fonts:

    Free Fonts

    Bye,
    Salmo69

  • Website Design Services, July 7, 2009

    Typography is very important in a website. It can make or break content in my opinion. Nonetheless, great list of resources (:

  • danielle, August 13, 2009

    this is a totally awesome & massive list of amazing resources, thanks for posting! i just love type.

    unless i missed it before, there is another site for good reference:

    http://www.allfontz.com

    it’s basically an a-z listing of all available free fonts which may help users out, though it helps if you know the font name in order to narrow search results quicker…(mac and pc display the coded website differently in terms of placement which may throw off usability while browsing the site, but is a good resource just the same).

    enjoy font finding!

  • excel help, September 2, 2009

    Just what I’ve been looking for! Thanks for this great list of fonts. I’m always looking for new sites to find free fonts and I will have to bookmark this because I will come back to visit each site.

  • MyDigiLife, October 28, 2009

    Great designs..

  • Sek, October 28, 2009

    Wowww!! This is what I’m looking for. I want to improve my typography skill.

    Big thanks and Big Kiss

  • SEO Naperville, November 4, 2009

    OK Stop it. You’re making everyone else look bad. Once again, what a resource!

  • M.S.ENGINEERING, November 23, 2009

    Hey…….
    Awesome……. Creative and stylish fonts…….. Cool man……… Thanks

  • Joseph, December 13, 2009

    Thank you Vandelay, for our designers, this is a very good resource.

  • ClubPenguinCheats, December 22, 2009

    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.

  • Gayathri, December 26, 2009

    Nice collections..thanks for sharing…..

  • Courtney, February 9, 2010

    This list is such a god send to teachers creating web pages and looking for the simplest and cheapest way to do so. Thank You !!!

    I also suggest using specialized fonts that are fun for the younger kids on holidays and other special events. You can find a handful of free ones here: http://qpn.net/coupon-encyclopedia/business-resources/the-ultimate-guide-to-finding-fantastic-fonts

  • sağlık, April 14, 2010

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

  • chicago web design, April 20, 2010

    wow, what an Incredible list! Thanks for the typography list, bookmarked for sure!

  • Claudia, June 19, 2010

    Thanks for the list! I love dafont, using it myself!

  • Web Design Victoria BC, January 25, 2011

    Thanks for the collection you put together another great Typography blog post. I generally use a cufon of a nice clean, rounded san-sarif font for titles, other then that good old arial. Cufon has made this possible, I would never use a font other then Arial or Times without cufon.

  • Ifeanyi, February 10, 2011

    you know one thing i like about you? i’ve gat that skill of compilation. u really know what is needed. thanks and always ur fav. fan.

  • Nurul Imam, March 1, 2011

    Thanks For Sharing

    I LoVe typography

  • Pritesh Gupta, May 20, 2011

    Nice helpful article, typography is a totally evolving thing.

  • Razvan, July 1, 2011

    This page is going straight into my bookmarks! Great suggestions.
    I have a suggestion for fonts websites too: http://www.fontineed.com. I think it should be in this list.

  • Sabine GG, July 18, 2013

    Hi Steven,

    good and diverse resources! At Lists of Great Fonts you might like to include the font ranking 100 best typefaces of all time: http://www.100besttypefaces.com/

    The list was compiled by an independent jury as well as sales figures of the todays most widely used typefaces and it tells the individual stories of who created the fonts and when.