CSS-Tricks Icon CSS-Tricks

Hey hey `font-display`  ↦

Chris Coyier:

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.

What do you get from it? The ability to control FOUT and FOIT as is right for your project, two things that both kinda suck in regards to font loading.

Font loading strategy is pretty important. It’s one of the reasons I searched far and wide to improve the performance of fonts on Brightly Colored. Fortunately, if you’re using @font-face, using font-display is as easy as using one line of CSS, and you’ll see the performance improvements immediately. Unfortunately, as Chris points out, there’s no performant way to get around either FOUT or FOIT.


Discussion

Sign in or join to comment

0:00 / 0:00