Why it matters
Each font file is a separate request that competes with the LCP resource and can cause a separate text reflow.
How to fix it
Keep to ≤ 2 families and ≤ 4 files per route. Prefer a variable font over several static weights.
More performance rules
void perf reports 25 rules in this category. Core Web Vitals and bytes: LCP, CLS, TBT, TTFB, JavaScript, CSS, fonts, images, caching and compression, measured as the median of several runs on a throttled mobile and a desktop profile.
tbt-highMain thread is blocked by long tasks during loadjs-budgetFirst-load JavaScript exceeds the budgetcss-budgetCSS transfer exceeds the budgetfont-budgetWeb font transfer exceeds the budgetimage-budgetImage transfer exceeds the budgettoo-many-requestsPage makes many requestslcp-image-lazyLCP image is lazy-loadedlcp-image-no-priorityLCP image has no fetchpriority="high"