Typography

Basics

The history of a model for fonts on the Web - w3c talk

http://www.goodwebfonts.com/

http://www.fontsquirrel.com/fontface/generator - service for converting to webfonts
- check compatability/shims
http://people.mozilla.com/~jkew/woff/ - sfnt2woff, convert existing TrueType/OpenType fonts to WOFF format

FontForge - An outline font editor that lets you create your own postscript, truetype, opentype, cid-keyed, multi-master, cff, svg and bitmap (bdf, FON, NFNT) fonts, or edit existing ones. Also lets you convert one format to another.

http://stackoverflow.com/questions/8942625/font-face-bold-in-ff-is-bolder-than-in-chrome

Articles

Web Design is 95% Typography - iA, Oct 2006

Typographic Design Patterns and Best Practices
50 Helpful Typography Tools And Resources - May 6th, 2010
One More Time: Typography Is The Foundation Of Web Design - July 24th, 2012

Units

EmChart

How to size text using ems - 18 May 2004

font-size: 62.5%;
  set 1em equal to 10px

Font sizing with rem - CSS3 unit

The em unit is relative to the font-size of the parent, which causes the compounding issue. The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that.