Back to Content

font-stretch

files/en-us/web/svg/reference/attribute/font-stretch/index.md

latest973 B
Original Source

{{deprecated_header}}

The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.

[!NOTE] As a presentation attribute, font-stretch also has a CSS property counterpart: {{cssxref("font-stretch")}}. When both are specified, the CSS property takes priority.

You can use this attribute with the following SVG elements:

  • {{SVGElement("text")}}
  • {{SVGElement("textPath")}}
  • {{SVGElement("tspan")}}

Usage notes

<table class="properties"> <tbody> <tr> <th scope="row">Value</th> <td>See {{cssxref("font-stretch", "", "#formal_syntax")}}</td> </tr> <tr> <th scope="row">Default value</th> <td><code>normal</code></td> </tr> <tr> <th scope="row">Animatable</th> <td>Yes</td> </tr> </tbody> </table>

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • CSS {{cssxref("font-stretch")}} property