W3cubDocs

/SVG

font-family

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)

Example

css

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

html

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

Elements

The following elements can use the font-family attribute

Text content elements »

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