W3cubDocs

/SVG

font-stretch

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 can be used as a CSS property. See the css font-stretch property for more information.

As a presentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altGlyph>, <text>, <textPath>, <tref>, and <tspan>

Usage notes

Value <font-stretch-absolute>

where
<font-stretch-absolute> = normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>

Default value normal
Animatable Yes

Specifications

Specification Status Comment
CSS Fonts Module Level 4
The definition of 'font-stretch' in that specification.
Working Draft Adds the <percentage> syntax for variable fonts.
CSS Fonts Module Level 3
The definition of 'font-stretch' in that specification.
Candidate Recommendation Initial definition of font-stretch in CSS Fonts
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'font-stretch' in that specification.
Recommendation Initial definition

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
font-stretch ? ? ? ? ? ?
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
font-stretch ? ? ? ? ? ?

See also

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-stretch