font-width
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
The font-width attribute selects a normal, condensed, or expanded face from a font family for the glyphs used to render the text.
Note:
The font-width attribute is the modern replacement for the font-stretch attribute, which is a legacy alias. While font-width is the specification's preferred name, font-stretch currently has broader browser support.
You can use this attribute with the following SVG elements:
Note:
As a presentation attribute, font-width also has a CSS property counterpart: font-width. When both are specified, the CSS property takes priority.
Usage notes
| Value | See font-width |
|---|---|
| Default value | normal |
| Animatable | Yes |
Specifications
This feature does not appear to be defined in any specification.Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
font-width
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Non-standard. Check cross-browser support before using.
See also
- CSS
font-widthproperty - Legacy SVG
font-stretchattribute - CSS
font-stretchproperty