System Design · Junior · Question 67 of 75

What does `font-display: swap` do for web fonts?

✓Correct answer: Shows text immediately in a fallback font and swaps to the web font once it loads
2Hides text until the font loads
3Downloads fonts in parallel with images

Explanation

Invisible text hurts perceived speed. Matching fallback metrics (size-adjust) reduces the layout shift on swap.

Further reading

Test yourself

Take the System Design · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.