« SVG Attribute reference home

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)



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


<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>



The following elements can use the font-style attribute

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?


Compatibility unknown  
Compatibility unknown

See also

Document Tags and Contributors

Contributors to this page: connorshea, dhaval, Jeremie
Last updated by: connorshea,