FrontendHaltPerformance·Intermediate·Conceptual·1 min read
What does each font-display value do?
Short interview answer
block briefly hides then swaps (FOIT then FOUT). swap shows fallback immediately and swaps whenever the font loads (FOUT, text always readable). fallback and optional show fallback and only swap within a short window, with optional never swapping after it, prioritizing stability over the custom font on the first visit.
Key takeaway
Explain the underlying mental model clearly, then support it with a concrete example and its trade-offs.