You can spend your whole life obsessing over type. It’s a craft with an awesome history and practicing it well often takes designers on a sort of quest that never seems to end. The strategies are both infinitely complex and sometimes irreducibly simple. The following resources are comprised of some of my favorite articles on the subject and some sites that should give most a great head start.

  • Web Typography Tutorial - Oldie but goodie from the Webmonkey era. Nadav Savio does a fantastic job introducing history, importance and vocabulary of web typography.

  • The World of Fonts - A history lesson on fontography. If you want to talk intelligently about this craft, you have to understand the roots that brought us here.

  • The Trouble With EM ‘n EN (and Other Shady Characters - I love this article. It’s from A List Apart and it’s about using proper typographic punctuation.

  • I Hate ITC Garamond - This is how you hate a font. It’s much better than saying, “Dude, that’s gay.”

  • Typetester - A great Ajax tool to help you compare and see in real time your typography decisions. Lots of great links in this one.

  • Typographica - Undisputed blog champion for your typographic news. Smart writing, great content.

  • 25 Best License-Free Quality Fonts - This has been making the rounds and it’s an unstoppable resource. Click on all the links in that first paragraph. They all kick ass.

  • Linotype FontExplorer X - Linotype’s new tool has received a lot of praise for their new font management tool. I haven’t used it myself, but font management is key for successfully handling your typography arsenal.

HTML Form Builder
Kevin Hale

Typography Crash Course Roundup by Kevin Hale

This entry was posted 5 years ago and was filed under Notebooks.
Comments are currently closed.

· 9 Comments! ·

  1. Neil Cadsawan · 5 years ago

    Don’t forget about Mark Boulton’s Five Simple Steps to Better Typography.

  2. Stephen · 5 years ago

    Thanks for mentioning us! There is also a bunch of sound typography rules covered in Erik’s Typo Tips.

  3. Ian · 5 years ago

    Thanks for making this list! I do have one minor correction, though…

    While Typetester does make extensive use of javascript, it’s not AJAX. AJAX applications communicate with the webserver while you are interacting with the page. Typetester doesn’t need any extra stuff from the webserver to do its job; it manipulates data that already exist on the web page.

  4. Mislav · 5 years ago

    TypeTester has a bit of AJAX because it stores your choices on the server for later analysis - eg. to see which combinations most popular.

  5. Mislav · 5 years ago

    I apologize for my ill-formed end of the sentence in the last comment :)

    I forgot to add: although Typetester does use the xmlHttpRequest object, we still shouldn’t be calling it AJAX - like Ian noted, there’s no real interaction with the webserver.

    I would like to add an interactive typography workshop - great for a beginner to practice his/hers kerning (letterspacing) sense.

  6. M E-L · 5 years ago

    Luc Devroye’s site is an excellent resource — check his latest links page.

  7. Kevin Cannon · 5 years ago

    You’ve left out two of the best resources on th web though: http://www.thinkingwithtype.com http://www.adobe.com/education/pdf/type_primer.pdf

    The 25 fonts thing is a great spot though! :)

  8. Peter Mescalchin · 5 years ago

    Just found a new one to note - via Sitepoint

    http://www.sitepoint.com/article/anatomy-web-fonts

  9. inspirationbit · 4 years ago

    Here are some fresh links on Typography resources: http://www.inspirationbit.com/16-bits-of-exceptional-typography-resources/