« SVG Attribute reference home
The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css font-stretch for further information.
Usage context
| Categories | Presentation attribute |
|---|---|
| Value | normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
Example
Elements
The following elements can use the font-stretch attribute
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Chrome ? | Edge ? | Firefox ? | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Edge Mobile ? | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Compatibility unknown
- Compatibility unknown
See also
Document Tags and Contributors
Tags:
Contributors to this page:
connorshea,
Jeremie
Last updated by:
connorshea,