CSS FONT-STRETCH

The font-stretch property is used to expand or contract (condense) the horizontal width of the font. The change is relative to the normal width of the font as displayed by the browser.

narrower
The narrower value contracts the font to the next smaller width.

wider
The wider value expands the font to the next larger width. The order descends from narrowest to widest in value. The normal value is the normal width of the font as displayed by the browser.

Example
h2 {font-stretch: ultra-condensed}
Possible Values
Value Description
normal Sets the scale of condensation or expansion to normal
wider Sets the scale of expansion to the next expanded value
narrower Sets the scale of condensation to the next condensed value
ultra-condensed

extra-condensed

condensed

semi-condensed

semi-expanded

expanded

extra-expanded

ultra-expanded

Sets the scale of condensation or expansion of the font-family. “ultra-condensed” is the most condensed (narrowest) value, and “ultra-expanded” is the most expanded (widest) value