font-stretch
Allows you to choose a wider or narrower version of a font if the font family supports it (commonly used with variable fonts to squeeze or stretch text).
It is documented as part of the CSS Fonts specification.
Syntax
/* Usage Example */
h1 {
/* Uses a condensed version of the font */
font-stretch: 75%;
}
/* Global values */
font-stretch: inherit;
font-stretch: initial;
font-stretch: revert;
font-stretch: revert-layer;
font-stretch: unset;font-stretch Browser support
Widely available
Since
2020 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
60+
9+
11+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more