Six Super Helpful Typography Cheat Sheets

By / Jul 6, 2010 / Resources
shares

Some may argue that typography is the single most important aspect of web design, but yet it’s often one of the most neglected and overlooked. There’s a lot involved in typography, and becoming a master can be difficult. A lot of it requires much experience, practice, and knowing the rules and do’s and dont’s. Nevertheless, there’s a lot to remember. So to provide a little typography aid, we’ve rounded up Six Super Helpful Typography Cheat Sheets.

So You Need A Typeface

typography cheat sheet

Mixing Typefaces

typography cheat sheet

Web Safe Font Cheat Sheet

typography cheat sheet

Common fonts to all versions of Windows & Mac equivalents

typography cheat sheet

CSS Typography Reference Sheet

typography cheat sheet

CSS Font Shorthand Property Cheat Sheet

typography cheat sheet

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

13 Comments

  1. Tanya
    July 6, 2010

    Hey Thnx for sharing these typography cheat sheets, I was looking for them few days ago. Thanku veryyyyyy much :)

    Reply
  2. Amelia Johnson
    July 6, 2010

    A really helpful collection here, especially the first one ‘So you need a typeface?’ Its always nice to include a little bit of humour into everyday practise. Also interesting is the CSS Typography Reference Sheet, this is something I will be looking back to again.

    Reply
  3. Stefan
    July 6, 2010

    WOW, this collection is so fantastic. I don’t know about the ‘So You Need A Typeface’ Cheat Sheet . This rock my day…!

    Reply
  4. Eko Setiawan
    July 6, 2010

    Thanks for share this…really helpful for me

    Reply
  5. Jordan Walker
    July 6, 2010

    Thanks for the cheat sheets, they will come in handy.

    Reply
  6. Tim
    July 6, 2010

    You can find more typography cheat sheets here – http://devcheatsheet.com/tag/fonts/

    Reply
  7. rod rodriguez
    July 6, 2010

    great stuff, typefaces are awesome. Especially for user experience. I like this post. Thanks

    Reply
  8. Xcellence IT
    July 7, 2010

    this is indeed a great help for web front end developer!!

    Reply
  9. Douglas Bonneville
    July 7, 2010

    Here’s another font combination PDF chart that I created for my own use:

    http://bonfx.com/19-top-fonts-in-19-top-combinations/

    A lot of research went into the fonts used in the list.

    Reply
  10. typo
    July 14, 2010

    typo in CSS Typography Reference Sheet – inhertit > inherit

    Reply
  11. Buzz
    December 5, 2010

    Very useful information… Thanks for sharing.

    Reply
  12. max
    July 7, 2011

    Just two weeks ago I was struggling on which typeface to use for my site and I’m so glad that finally someone is smart enough to post some information like this!! Thank you!

    Reply
  13. Jan Dregalla
    July 20, 2011

    This is sooooooooooo useful…thanks for posting.

    Reply

Leave a Reply