Web features explorer

Font metric overrides

Limited availability

The ascent-override, descent-override, and line-gap-override descriptors adjust the display of a font declared in an @font-face statement. This can help make fallback fonts look the same size.

Browser support

  • Chrome 87 Released on 2020-11-17
  • Chrome Android 87 Released on 2020-11-17
  • Edge 87 Released on 2020-11-19
  • Firefox 89 Released on 2021-06-01
  • Firefox for Android 89 Released on 2021-06-01
  • Safari Not supported
  • Safari on iOS Not supported

Baseline availability blocked since June 2021 by Safari (62 months)

👍
2

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

Specifications

Usage (according to Chrome Platform Status)

~9.284% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer use cases

  • I want to improve layout shift caused by a web font with large line gaps. I want to improve layout shift caused by a web font with large line gaps. [see original comment]

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist