FrontendHaltPerformance·Intermediate·Conceptual·1 min read
What are FOIT and FOUT?
Short interview answer
Flash of Invisible Text: text is hidden while the web font loads, so the layout is there but blank. Flash of Unstyled Text: text renders immediately in a fallback font, then re-renders in the web font when it arrives, causing a visible swap and often a reflow.
Key takeaway
Explain the underlying mental model clearly, then support it with a concrete example and its trade-offs.