« SVG Attribute reference home

The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.

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

Usage context

Categories Presentation attribute
Value [[<family-name> | <generic-family>],]* [<family-name> | <generic-family>] | inherit
Animatable Yes
Normative document SVG 1.1 (2nd Edition)



p.class1{font-family:"Times New Roman",Times,serif;}


<p class="class1">This is a paragraph, shown in the Times New Roman font.</p>
<p class="class2">This is a paragraph, shown in the Arial font.</p>


The following elements can use the font-family 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, zabbarob, dhaval, Jeremie
Last updated by: connorshea,