The advance-override descriptor scales all character advances of the font face by the given percentage. It can be used to match text width between two fonts, and hence reduce layout shift caused by web font loading.
Web font loading is a major cause of layout shifting, because the same text usually has different widths when using fallback font and web font. By using advance-override in the fallback font face, we can match the text width between the two fonts, and hence reduce the layout shift.
Status in Chromium
No active development (tracking bug) in:
- Chrome for desktop release No active development
- Chrome for Android release 90
- Android WebView release 90
Consensus & Standardization
Search tagscss, css-fonts, font-face, advance-override,
Last updated on 2021-02-23