Six Super Helpful Typography Cheat Sheets

By / Jul 6, 2010 / Resources

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.

  • http://stylishwebdesigner.com Tanya

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

  • http://www.crearedesign.co.uk Amelia Johnson

    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.

  • http://www.lifesub.de Stefan

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

  • http://www.dynamicwp.net Eko Setiawan

    Thanks for share this…really helpful for me

  • http://www.jordanwalker.net Jordan Walker

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

  • http://devcheatsheet.com/ Tim

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

  • http://prodigalconcepts.com/ rod rodriguez

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

  • http://www.xcellence-it.com Xcellence IT

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

  • http://bonfx.com Douglas Bonneville

    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.

  • typo

    typo in CSS Typography Reference Sheet – inhertit > inherit

  • http://www.buzz-website.co.uk Buzz

    Very useful information… Thanks for sharing.

  • http://maxsiwu.com max

    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!

  • http://www.artbyjan.com Jan Dregalla

    This is sooooooooooo useful…thanks for posting.