All posts
Design

CSS Fonts Level 4 Is Quietly Catching Up to What Type Designers Need

ZKO blog tile: Design

The W3C published a fresh working draft of CSS Fonts Module Level 4 this week, and buried in the usual spec language is a set of properties that matter more to type nerds than the name suggests: finer control over font synthesis, variable font range clamping, and font palette overrides for colour fonts.

None of this is glamorous. It is also exactly the kind of unglamorous CSS work that ends up mattering most in production. Font synthesis control means a browser stops faking a bold or italic weight when a typeface does not actually ship one, instead of silently rendering a slightly warped fake. Palette overrides mean a colour font, the kind increasingly used for icon sets and expressive branding, can be recoloured per instance in CSS rather than needing a separate font file for every colour variant a brand wants to use.

We have started specifying variable fonts on client sites specifically because they collapse what used to be four or five font files into one, with weight and width controlled by CSS rather than baked into separate assets. A spec that gives us tighter control over how that variability behaves in the browser, rather than trusting each browser's own defaults, is worth watching even before it ships anywhere near stable.

It is still a working draft, so none of this is safe to rely on in production yet. Worth bookmarking regardless.