Web fonts, boy, I don’t know

Avatar of Chris Coyier
Chris Coyier on

DigitalOcean joining forces with CSS-Tricks! Special welcome offer: get $200 of free credit.

Nothing like a trip through 2G country to get you thinking hard about web performance. Monica Dinosaurescu:

Listen: it doesn’t have to be this way. You can lazy load your font. It’s 4 lines of JavaScript. 7 if you’re being ambitious.

I still find it fascinating how much we all seemed to hate FOUT, and took steps to fight it, and now are like, “bring back the FOUT!”, and largely have.

She suggests async loading, which is good, but remember you can take it further. One-step better is “FOUT with a class” from Zach Leatherman’s guide, and gets fancier from there.

Direct Link →