W3cubDocs

/SVG

font-style

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

As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css font-style for further information.

Usage context

Categories Presentation attribute
Value normal | italic | oblique | inherit
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Example

css

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

html

<p class="normal">This is a paragraph, normal.</p>
<p class="italic">This is a paragraph, italic.</p>
<p class="oblique">This is a paragraph, oblique.</p>

Elements

The following elements can use the font-style attribute

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support ? ? ? ? ? ?
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support ? ? ? ? ? ? ?

See also

© 2005–2018 Mozilla Developer Network 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-style