Category: font-display

Hey hey `font-display`

Y’all know about font-display? It’s pretty great. It’s a CSS property that you can use within @font-face blocks to control how, visually, that font loads. Font loading is really pretty damn complicated. Here’s a guide from Zach Leatherman to prove it, which includes over 10 font loading strategi...

eBay’s Font Loading Strategy

Senthil Padmanabhan documents how: Both FOUT and FOIT are undesirable. The best solution to that is font-display. Since font-display isn’t well supported, the path to get there is very complicated. They open sourced it. They went with replicating font-display: optional, my favorite as well. Direct Link to Arti...

`font-display` for the Masses

The following is a guest post by Jeremy Wagner, a web developer, author, and speaker living in the Twin Cities. He’s got a new book on web performance. Here we’re going to dig into a brand new CSS feature, that once it percolates through the browser ecosystem, will be great for performance. If you’re ...