Typography
- Interactive Guide to Blog Typography by Tommi Kaikkonen
- The Elements of Typographic Style Applied to the Web
- A Type Design Brief: What Is In It, And Why Does It Matter? by Nadine Chahine
HOW TO CHOOSE A FONT: Is the Font Easy to Read? Anatomy and Legibility”(PDF) by Laura Franz
Typography – Web Fonts
- W3Schools Web Safe Fonts: Safe fallback fonts to use in the font-stack in case @font-face fonts do not load.
- HTML Character Codes
- Font Squirrel: Source of Free Web Fonts. See Video 8 Finding and Installing Web Fonts for a tutorial on using Font Squirrel.
- Google Fonts: Source of Free Web Fonts. See Chapter 2 of Typography For Web Designers by Laura Franz for a tutorial on using Google Fonts.
- Typekit: Adobe Creative Cloud Subscriptions come with the Portfolio Plan. See Chapter 2 of Choosing and Using Web Fonts by Laura Franz on Lynda.com for a tutorial on using Typekit fonts.
- Adobe Edge Web Fonts (a subset of Typekit that is free)
Typography – Tools
- Typetester: Compare installed web fonts in browser.
- What Font Chrome Extension: A tool to quickly identify fonts and their properties on a webpage.
- Font Friend: A bookmarklet that lets you experiment with Google Fonts and installed fonts on the fly on a live webpage.