W3cubDocs

/SVG

font-style

The font-style attribute specifies whether the text is to be rendered using a normal, italic, or oblique face.

Note: As a presentation attribute, font-style can be used as a CSS property. See the css font-style property for more information.

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

<svg viewBox="0 0 250 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" font-style="normal">Normal font style</text>
  <text x="150" y="20" font-style="italic">Italic font style</text>
</svg>

Usage notes

Value	`normal` \| `italic` \| `oblique`
Default value	`normal`
Animatable	Yes

For a description of the values, please refer to the CSS font-style property.

Specifications

Specification	Status	Comment
CSS Fonts Module Level 4 The definition of 'font-style' in that specification.	Working Draft	No change
CSS Fonts Module Level 3 The definition of 'font-style' in that specification.	Candidate Recommendation	No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'font-style' in that specification.	Recommendation	Initial definition

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
`font-style`	?	?	?	?	?	?

	Mobile
	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`font-style`	?	?	?	?	?	?

font-style

Usage notes

Specifications

Browser compatibilityUpdate compatibility data on GitHub

See also