Advanced
HTML & CSS
Q95 / 100
What does the CSS "@font-face" rule's "font-display" property control, e.g. "font-display: swap"?
Correct! Well done.
Incorrect.
The correct answer is B) How a web font is displayed during the loading period — "swap" shows fallback text immediately and swaps to the custom font once loaded, reducing invisible text but potentially causing a layout shift (FOIT vs FOUT trade-off)
B
Correct Answer
How a web font is displayed during the loading period — "swap" shows fallback text immediately and swaps to the custom font once loaded, reducing invisible text but potentially causing a layout shift (FOIT vs FOUT trade-off)
Explanation
font-display controls the font loading timeline's "block" and "swap" periods, balancing between a Flash of Invisible Text (FOIT) and a Flash of Unstyled Text (FOUT) with potential layout shift when the custom font swaps in.
Progress
95/100