font-size-adjust
Ensures that if your primary font fails to load, the fallback font is automatically resized to match the same visual height (x-height), preventing the layout from jumping or text becoming unreadable.
Quick example
body {
font-family: 'SpecialFont', sans-serif;
/* Adjusts the fallback font to match SpecialFont's proportions */
font-size-adjust: 0.5;
}Quick facts
Initial value
noneInherited
Yes
Applies to
all elements and text
Animation type
number
Values
noneex-heightcap-heightch-widthic-widthic-heightfrom-font font-size-adjust Browser Support
Newly available Since 2024 85% global usage
Since 2024 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Works in all modern browsers. May need a fallback for older browsers.
127+
3+
16.4+
127+