Browser & Web Performance · Junior · Question 31 of 75

What does `font-display: swap` do?

1Hides text until the web font loads, however long it takes
2Disables web fonts on slow connections
✓Correct answer: Shows text in a fallback font right away and swaps to the web font when it loads

Explanation

Text is readable immediately (no invisible text), at the cost of a possible layout shift when the font swaps.

Further reading

Test yourself

Take the Browser & Web Performance · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.