Skip to main content

no-missing-fallback-before-web-font

Disallow web-font-only font-family stacks.

Rule catalog ID: R016

Targeted pattern scopeโ€‹

  • font-family declarations outside @font-face where a web font appears first.

What this rule reportsโ€‹

  • Stacks that start with a custom font and provide no fallback family.

Why this rule existsโ€‹

Web fonts can fail to load; fallback families preserve readability and layout stability.

โŒ Incorrectโ€‹

.title {
  font-family: "Inter";
}

โœ… Correctโ€‹

.title {
  font-family: "Inter", system-ui;
}

Further readingโ€‹