We use cookies to improve your experience. Learn more in our Privacy policy.
font-stretch
Example
| Initial value | normal |
| Applies to | all elements. It also applies to ::first-letter and ::first-line. |
Syntax
font-stretch: semi-condensed;
Values
Specifies a normal font face.
Specifies a more condensed font face than normal, with ultra-condensed as the most condensed.
Specifies a more expanded font face than normal, with ultra-expanded as the most expanded.
A value between 50% and 200% (inclusive). Negative values are not allowed for this property.
In earlier versions of the font-stretch specification, the property accepts only the nine keyword values.
The CSS Fonts Module Level 4 spec extends the syntax to accept a value as well. This enables variable fonts to offer something more like a continuum of character widths. For TrueType or OpenType variable fonts, the "wdth" variation is used to implement varying widths.
However, note that the syntax is not yet supported by all browsers: check the Browser compatibility table for details.
Browser support
| font-stretch | chrome60 | edge12 | firefox9 | ie9 | opera47 | safari11 |
| percentage | chrome62 | edge18 | firefox61 | ie | opera49 | safari11.1 |