Progressive Rendering of Web Fonts (this text should be in "Lobster")

(This text should be in "Crimson Text") This is a pretty extreme example (waiting 3 seconds after onload to pull in the other fonts), but I wanted to make sure you saw the fonts before the web fonts come in. Basically, all that happens is we load the default style (which could be in a linked stylsheet) and then use @import to load the stylesheet that calls all the web fonts (in this case, loaded from Google).

So, your users get your content faster, but will see your lovely fonts when they get around to downloading. This was too fun not to share, so I whipped up this little example.

This example is from the twisted mind of Kevin Lawver.