font-stretch
The font-stretch property specifies the width of a font.
Deprecated — This feature is deprecated and should not be used
Formal Syntax
normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
JavaScript Access
// Access via element.style
element.style.fontStretch = 'value';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| font-stretch | 60 | 9 | 11 | 12 |
| condensed | 60 | 9 | 11 | 12 |
| expanded | 60 | 9 | 11 | 12 |
| extra-condensed | 60 | 9 | 11 | 12 |
| extra-expanded | 60 | 9 | 11 | 12 |
| normal | 60 | 9 | 11 | 12 |
| percentage | 62 | 61 | 11.1 | 18 |
| semi-condensed | 60 | 9 | 11 | 12 |
| semi-expanded | 60 | 9 | 11 | 12 |
| ultra-condensed | 60 | 9 | 11 | 12 |
| ultra-expanded | 60 | 9 | 11 | 12 |
Related Properties
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-optical-sizing
- font-palette
- font-size
- font-size-adjust
- font-style
- font-synthesis
- font-synthesis-small-caps
- font-synthesis-style
- font-synthesis-weight
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-emoji
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-variation-settings
- font-weight
- font-synthesis-position 🧪
- font-width 🧪