If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This tool helps you do exactly that.

An Ultimate Collection of Google Font Pairs and Combinations! Save a tremendous amount of time, energy, and effort with our awesome 50 font pairings.

If you’re using Google Web Fonts on your websites, then there’s a very good chance that 1 in 5 visitors are seeing faux bold and italic versions of your fonts — even if you correctly selected and used all of the weights and styles. That’s because the implementation method recommended by Google Web Fonts doesn’t work with Internet Explorer 7 or 8.

‘There are some particular findings that are pivotal to issues such as readership and readability and comprehension, which is really what body copy is all about. If people won’t read it, or if they can’t read it or understand it, then what’s the point of having it?’

"Create Your Own @font-face Kits."

"Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite."

Yeah, it's a crappy linkbait gimmicky list of fonts, but these are good ones (not all of them, and relatively speaking). I didn't Delicious this last month when I found it because I thought I was better than that but I've since needed to find the link again four times, so HERE IT IS. Bite me.

With handy charts.

Finally, a tutorial for getting size and line height to render and scale exactly the same in all browsers for a given font size. Requires some basic math in the stylesheet.

Commence the drooling.

Embarrassing effects.

An excellent and highly educational series.