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.
It is documented as part of the CSS Fonts specification.
Syntax
/* Usage Example */
body {
font-family: ';SpecialFont', sans-serif;
/* Adjusts the fallback font to match SpecialFont's proportions */
font-size-adjust: 0.5;
}
/* Syntax */
font-size-adjust: none;
font-size-adjust: ex-height;
font-size-adjust: cap-height;
font-size-adjust: ch-width;
font-size-adjust: ic-width;
font-size-adjust: ic-height;
font-size-adjust: from-font;
/* Global values */
font-size-adjust: inherit;
font-size-adjust: initial;
font-size-adjust: revert;
font-size-adjust: revert-layer;
font-size-adjust: unset;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.
127+
3+
16.4+
127+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more