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.

A microsite that shows off fonts designed for writing code.

The amount of research and testing that had to go into this demonstrates how fractured and broken web performance is right now. But, since it is, there's a useful snippet at the end of this article. Google Fonts is fast. Now it’s faster. Much faster.

It’s able to detect the words f***, s***, p***, t***, w***, c*** and dozens more, but with a special exemption for “Scunthorpe”; that town has suffered enough. Modern fonts can combine letters into a single ligature, usually for things like fi or fl but you can pick anything so we’ve done it for swears.

Ferrite Core DX font family by Froyo Tam, Licensed under SIL Open Font License v1.1

Velvetyne is a French libre type foundry designing and releasing cutting edge typefaces. We design libre / open source fonts. That means that you can use, modify and redistribute them freely! Learn more and contribute to the adventure of Velvetyne Type Foundry by reading our “about” page!

The style of pizzadude has always been inspired by graffiti and comics, and has had a loose and goofy appearance. My fonts have been spotted all over the world and have been used by restaurants, sport clubs, stores and TV shows and have been used for book covers, toys and even tattoos!

Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.

The League of Moveable Type is the first open-source font foundry, dedicated to helping you level up as a designer.

Omnibus is a new collaborative company focused on web typography. The main challenge is to provide webfonts at the highest aesthetic and technical level.

Inter is a typeface carefully crafted & designed for computer screens. Inter features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, etc.

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

Input is a flexible system of fonts designed specifically for code by David Jonathan Ross. It offers both monospaced and proportional fonts, all with a large range of widths, weights, and styles for richer code formatting.

So you’re an expert in typography? But do you pronounce Frutiger’s typeface Univers like the English word “universe”? Then you got it wrong. Here are some popular European typefaces and their proper pronunciation in German, French and Italian.

A list of ampersands.

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.

"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.

A collection of pretty/interesting/abstract vector fonts for Illustrator.

Intelligently choosing the graceful degradation (size- and style-wise) of your web fonts.

With handy charts.

A fascinating and in-depth look at the design (mostly typographical) of Toronto's subway system. A long read, but if you're into typography, a great one.

Commence the drooling.

Embarrassing effects.