Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

font-stretch

The font-stretch property stretches or shrinks the characters horizontally, making them wider or narrower. For example:

{font-stretch: condensed;}

The accepted values are normal, wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded and ultra-expanded.

Early versions of CSS let you use letter-spacing to control the space between letters in a word so you could stretch and shrink words to fit. Unfortunately, adjusting the space between letters didn’t change the letters themselves. The results didn’t look particularly good. The font-stretch property, on the other hand, specifies a version of a font whose letters are stretched or squeezed. This should produce a wider or narrower word that is more attractive and consistent with the surrounding text.