Six Super Helpful Typography Cheat Sheets
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
Mixing Typefaces
Web Safe Font Cheat Sheet
Common fonts to all versions of Windows & Mac equivalents
CSS Typography Reference Sheet
CSS Font Shorthand Property Cheat Sheet
Related Posts
Here's some other articles that you will definitely find useful.
8 jQuery Plugins for Enhancing Typography
Inspiration: Type, Colors & Textures from Signs
21 Examples of Inspiring Typography in Web Design
Inspiring Typography in Print Ads
21 Inspiring Examples of Typography in Web Design
13 comments
Tanya
July 6, 2010Hey Thnx for sharing these typography cheat sheets, I was looking for them few days ago. Thanku veryyyyyy much
Amelia Johnson
July 6, 2010A 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.
Stefan
July 6, 2010WOW, this collection is so fantastic. I don’t know about the ‘So You Need A Typeface’ Cheat Sheet . This rock my day…!
Eko Setiawan
July 6, 2010Thanks for share this…really helpful for me
Jordan Walker
July 6, 2010Thanks for the cheat sheets, they will come in handy.
Tim
July 6, 2010You can find more typography cheat sheets here – http://devcheatsheet.com/tag/fonts/
rod rodriguez
July 6, 2010great stuff, typefaces are awesome. Especially for user experience. I like this post. Thanks
Xcellence IT
July 7, 2010this is indeed a great help for web front end developer!!
Douglas Bonneville
July 7, 2010Here’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
July 14, 2010typo in CSS Typography Reference Sheet – inhertit > inherit
Buzz
December 5, 2010Very useful information… Thanks for sharing.
max
July 7, 2011Just 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!
Jan Dregalla
July 20, 2011This is sooooooooooo useful…thanks for posting.