CSS FONT-STRETCH
The font-stretch property is used to expand or contract (condense) the horizontal width of the font. The change is relative to the normal width of the font as displayed by the browser.
narrower
The narrower value contracts the font to the next smaller width.
wider
The wider value expands the font to the next larger width. The order descends from narrowest to widest in value. The normal value is the normal width of the font as displayed by the browser.
Example
| h2 {font-stretch: ultra-condensed} |
Possible Values
| Value | Description |
|---|---|
| normal | Sets the scale of condensation or expansion to normal |
| wider | Sets the scale of expansion to the next expanded value |
| narrower | Sets the scale of condensation to the next condensed value |
| ultra-condensed
extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded |
Sets the scale of condensation or expansion of the font-family. “ultra-condensed” is the most condensed (narrowest) value, and “ultra-expanded” is the most expanded (widest) value |



I have tried the font-stretch CSS and it doesnt seem to work in most browsers, especially on MAC
I’d love to use this … but how widely, and bullet-proof is it implemented?
I’ve been trying to do this as well. The feature is built in CSS3 but still seems to not be implemented in mac browsers from what i can see. Does anyone know of any alternatives other than images….?