HTML & CSS · Junior · Question 70 of 75

Why end a `font-family` list with a generic family like `sans-serif`?

font-family: "Inter", "Segoe UI", sans-serif;

✓Correct answer: If none of the named fonts are available, the browser falls back to a font of the right style
2It is required syntax, otherwise the rule is ignored
3It makes the custom font load faster

Explanation

Fonts are tried left to right per character. Without a generic family you may get the browser default (often a serif) on systems missing your fonts.

Further reading

web.dev: Best practices for fonts ↗

Test yourself

Take the HTML & CSS · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.