font shorthand property resetting its subproperties

Category: CSS
Type: Chromium catches up
Status: In development (Chrome In development)
Intent stage: None

Breaking change: No
Enterprise impact: None
Spec maturity: Published standard
Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/css/css-fonts/font-shorthand-serialization-prevention.html?label=master&label=experimental&aligned Also added new wpt tests in addition to existing.

Summary

When font shorthand is specified all of its subproperties including font-size-adjust, font-kerning, font-feature-settings, font-optical-sizing and font-variation-settings should be reset to their initial value.

Standards & signals

Specification: https://www.w3.org/TR/css-fonts-4/#font-prop
Firefox: Shipped/Shipping — Gecko is already resetting all the required font subproperties, shown in the link above, font-synthesis-* should be "Cascaded Independently" according to spec: https://github.com/w3c/csswg-drafts/issues/7832#issuecomment-1338671264 Also tested in Firefox stable, the feature is working.
Safari: Shipped/Shipping — The feature was recently shipped in Safari Technology Preview 160, not yet in Safari.
Web developers: No signals
Tracking bug: https://crbug.com/1379236

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-fonts%2Ffont-shorthand-serialization-prevention
Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+font%20shorthand%20property%20resetting%20its%20subproperties
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=font%20shorthand%20property%20resetting%20its%20subproperties
Baseline status: https://webstatus.dev/?q=font%20shorthand%20property%20resetting%20its%20subproperties

Docs: https://docs.google.com/document/d/1ZYjaZBthiN-yNioJkoqh-aqwC1NOgC-YpptiNlzfdZQ/edit?usp=sharing&resourcekey=0-h32BsErkkx1YizNffkR7LQ

View on chromestatus.com