CSS’s font-stretch Property

Published November 13, 2016 by CSS Newbies.

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.

  1. Bob Kruse (reply)

    I’ll be interested to see what text that uses this property actually looks like! If it is what I think it is I’m struggling to think of an instance where it would be useful, but who knows.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>