font-recommended

font-recommended enables the curated default policy for modern CSS/SCSS font loading.

It includes declaration correctness, src ordering/format guidance, duplicate detection, and fallback-performance checks.

Rules in this config

Fix legend: 🔧 = autofixable · — = report only

Rule	Fix	Description
consistent-font-display	—	Require @font-face declarations in the same file to use a consistent font-display value.
consistent-font-family-casing	🔧	Require consistent font-family casing across @font-face declarations.
local-src-before-url	🔧	Require local(...) entries to appear before url(...) entries in @font-face src.
no-absolute-font-url	—	Disallow absolute root-relative font URLs in @font-face src declarations.
no-data-uri-src	—	Disallow data: URL font sources in @font-face src.
no-duplicate-descriptors-in-font-face	—	Disallow duplicate descriptor declarations within a single @font-face block.
no-duplicate-font-face	—	Disallow duplicate @font-face blocks that share the same font-family + font-style + font-weight variant.
no-duplicate-font-family-src	—	Disallow duplicate src URLs across @font-face blocks that share the same font-family name.
no-duplicate-src-format	—	Disallow duplicate explicit format() hints within a single @font-face src declaration.
no-empty-font-face	—	Disallow empty @font-face declaration blocks that contain no descriptors.
no-font-face-in-selectors	—	Disallow @font-face rules nested inside regular CSS selectors.
no-generic-family-in-font-face	—	Disallow CSS generic family keywords as font-family descriptor values inside @font-face blocks.
no-http-font-url	—	Disallow plain http:// URLs in @font-face src declarations.
no-invalid-font-display	—	Disallow invalid font-display descriptor values in @font-face blocks.
no-invalid-font-style	—	Disallow invalid font-style descriptor values in @font-face blocks.
no-invalid-font-weight	—	Disallow invalid font-weight descriptor values in @font-face blocks.
no-invalid-unicode-range	—	Disallow invalid unicode-range descriptor values in @font-face blocks.
no-legacy-formats	🔧	Disallow legacy @font-face formats (eot, svg, truetype) in modern projects.
no-missing-fallback-before-web-font	—	Disallow web-font-first font-family stacks that omit a fallback family.
no-overlapping-unicode-range	—	Disallow overlapping unicode-range subsets across @font-face blocks that share the same family/style/weight tuple.
no-protocol-relative-font-url	—	Disallow protocol-relative URLs (//) in @font-face src declarations.
no-src-format-mismatch	—	Disallow @font-face src entries where the URL file extension contradicts the explicit format() hint.
no-unquoted-font-family-in-font-face	🔧	Require the font-family descriptor value inside @font-face to be quoted.
no-whitespace-in-unquoted-family	🔧	Disallow unquoted whitespace-containing font-family names.
prefer-variable-fonts	—	Prefer variable-font workflows when the same family defines many static @font-face weight variants.
prefer-woff2	—	Prefer including a woff2 source in every @font-face src list.
require-font-display	🔧	Require font-display in every @font-face declaration block.
require-font-family-in-font-face	—	Require a font-family descriptor in every @font-face declaration block.
require-font-style	🔧	Require explicit font-style in every @font-face block.
require-font-weight	🔧	Require explicit font-weight in every @font-face block.
require-format-hint	🔧	Require format(...) hints for url(...) sources in @font-face src values.
require-src-in-font-face	—	Require a src descriptor in every @font-face declaration block.
require-system-font-fallback	🔧	Require regular selector font-family stacks to end with a system fallback.
require-unicode-range-for-large-family	—	Require unicode-range for families that define four or more @font-face blocks in the same file.
woff2-before-woff	🔧	Require woff2 entries to appear before woff entries in @font-face src.