font-stretch

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

Note: The font-stretch attribute was renamed to font-width following the renaming of the corresponding CSS property. To preserve compatibility, the specification retains font-stretch as a legacy alias for the font-width attribute.

You can use this attribute with the following SVG elements:

Note: As a presentation attribute, font-stretch also has a CSS property counterpart: font-stretch. When both are specified, the CSS property takes priority.

Usage notes

Value	See `font-stretch`
Default value	`normal`
Animatable	Yes

Specifications

Specification
CSS Fonts Module Level 4 # font-stretch-prop
Scalable Vector Graphics (SVG) 2 # :~:text=font-stretch

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`font-stretch`	Chrome – Full support Chrome 60 (Release date: 2017-07-25) footnote footnote A `font-stretch` definition must be added to the `@font-face` before this property will function.	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 9 (Release date: 2011-12-20) footnote Full support	Opera – Full support Opera 47 (Release date: 2017-08-09) footnote footnote A `font-stretch` definition must be added to the `@font-face` before this property will function.	Safari – Full support Safari 11 (Release date: 2017-09-19) footnote Full support	Chrome Android – Full support Chrome Android 60 (Release date: 2017-08-01) footnote footnote A `font-stretch` definition must be added to the `@font-face` before this property will function.	Firefox for Android – Full support Firefox for Android 9 (Release date: 2011-12-21) footnote Full support	Opera Android – Full support Opera Android 44 (Release date: 2017-12-11) footnote footnote A `font-stretch` definition must be added to the `@font-face` before this property will function.	Safari on iOS – Full support Safari on iOS 11 (Release date: 2017-09-19) footnote Full support	Samsung Internet – Full support Samsung Internet 8 (Release date: 2018-07-18) footnote footnote A `font-stretch` definition must be added to the `@font-face` before this property will function.	WebView Android – Full support WebView Android 60 (Release date: 2017-08-01) footnote footnote A `font-stretch` definition must be added to the `@font-face` before this property will function.	WebView on iOS – Full support WebView on iOS 11 (Release date: 2017-09-19) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support
: See implementation notes.

font-stretch

Usage notes

Specifications

Browser compatibility

Legend

See also