Introduces new @font-face descriptors ascent-override, descent-override and line-gap-override to override metrics of the font. This allows web authors to (i) achieve interoperable text layout across browsers and platforms, and (ii) reduce layout shifting caused by web fonts.

Motivation

1. Improve interoperably across browsers and operating systems, so that the same font always looks the same on the same site, regardless of OS or browser. See [1] 2. Align metrics between two web fonts present simultaneously, but for different glyphs. This use case example comes from the crostini terminal [2] 3. Override font metrics for a fallback font to emulate a web font, in order to minimize Cumulative Layout Shift. [1] https://github.com/w3c/csswg-drafts/issues/4792 [2] https://groups.google.com/a/chromium.org/g/blink-dev/c/mmXMwbmBc5g/m/LAxjFsJPAgAJ

Status in Chromium


Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Intent to Prototype url

Intent to Prototype thread

Last updated on 2021-04-26