The font-stretch property is used in CSS and certain HTML elements. It is used to change the shape of the font face.

Values

• normal - Specifies a normal font face.
• semi-condensed, condensed, extra-condensed, ultra-condensed - Specifies a font face more condensed than normal, with ultra-condensed as the most condensed.
• semi-expanded, expanded, extra-expanded, ultra-expanded - Specifies a font face more expanded than normal, with ultra-expanded as the most expanded.
• wider, narrower - Relative values. These values indicate values relative to the values of the parent element.

HTML example:

<span style="font-stretch:ultra-expanded;">Ultra expanded font.</span>

Ultra expanded font.

CSS example:

h1 {
    font-stretch:ultra-expanded;
}