The idea
font-family picks the typeface. Generic families — serif, sans-serif, monospace, cursive, fantasy — are always available, so they are the safe choice when you cannot ship a webfont. The box size is fixed; only the face changes.
font-family does not change geometry, so the box size is pinned in the base styles — this level checks the syntax.