Why it matters
Without font-display browsers hide text for up to 3 seconds while the font downloads (FOIT), delaying text LCP.
How to fix it
Add font-display: swap (or optional for non-brand fonts) and a metric-matched fallback via size-adjust.
Example
@font-face {
font-family: "Brand";
src: url("/fonts/brand.woff2") format("woff2");
font-display: swap;
}References
More lint rules
void lint reports 67 rules in this category. Static source checks with no browser: Tailwind v4 silent failures, Next.js 16 API traps, React render-body bugs, accessibility markup, SEO files and motion hygiene.
img-missing-dimensionsImage without width/height (or fill / aspect-ratio)image-priority-deprecated`priority` on `next/image` is deprecated in Next 16missing-altImage without `alt`google-fonts-linkGoogle Fonts loaded via `<link>` / `@import`too-many-font-familiesMore than 3 font families loadedscript-strategyThird-party script loads too earlybrowser-global-in-renderBrowser global (`window`, `document`, `navigator`, `localStorage`) at module scope or during rendertimer-in-render`setTimeout` / `setInterval` called in a component body