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).
Quick example
h1 {
/* Uses a condensed version of the font */
font-stretch: 75%;
}Quick facts
Initial value
normalInherited
Yes
Applies to
all elements and text
Animation type
byComputedValueType
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.
Safe to use without fallbacks.
60+
9+
11+
12+