The font-stretch property in CSS is used to set the text wider or narrower. This property is not working any font. Its only work when font family has a width-variant face.
font-stretch: normal|ultra-condensed|extra-condensed|condensed| semi-condensed|semi-expanded|expanded|extra-expanded|ultra-expanded;
- normal: It is the default font face. It does not stretch the font.
- ultra-condensed: It is used to specify font face more condensed than normal.
- extra-condensed: It is used to set text narrower then normal and not narrower then ultra-condensed.
- condensed: It is used to set text narrower then semi-condensed and not narrower then extra-condensed.
- semi-condensed: It is used to set text narrower then normal and not narrower then semi-condensed.
- semi-expanded: It is used to set text wider than normal, but not wider then expanded.
- expanded: It is used to set text wider than semi-expended, but not wider then extra-expanded.
- extra-expanded: It is used to set text wider than expended, but not wider then ultra-expanded.
- ultra-expanded: It is used to set text wider than ultra-expended.
Note: This property will not work on any font.
Supported Browsers: The browser supported by font-stretch property are listed below:
- Google Chrome 48.0
- Internet Explorer 9.0
- Firefox 9.0
- Opera 35.0
- Safari 11.0
Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.