How to make a CSS font stretch?
By using the CSS font-stretch property, you can define whether you want your font to be wider or narrower:
Syntax and property values
The CSS font-stretch property only requires defining one value:
font-stretch: value;
In the table below, you can find all the keywords you can use as values for a CSS font stretch.
| Value | Relation to the default character width |
|---|---|
ultra-condensed |
50% |
extra-condensed |
62.5% |
condensed |
75% |
semi-condensed |
87.5% |
normal |
100% |
semi-expanded |
112.5% |
expanded |
125% |
extra-expanded |
150% |
ultra-expanded |
200% |
Browser support
Chrome
60+
Edge
12+
Firefox
9+
IE
9+
Opera
47+
Safari
11+
Mobile browser support
Chrome
60+
Firefox
9+
Opera
44+
Safari
11+