CSS’s font-stretch Property

Published November 13, 2016 by saurav.roy.

CSS’s font-stretch property allows you to expand and condense text. As of right now, the property isn’t supported on any of the major browsers, but it’s still an interesting property to learn about. Here’s how it would look to use it in your CSS:

p{
font-stretch: expanded;
}

The values that this properties will take are: normal (this is the default), initial, inherit, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, and ultra-expanded. Font-stretch can also be included as part of the font property shorthand, although this isn’t recommended because of how little support the CSS property currently has.