« 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) |
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
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | ? | ? | ? | ? | ? | ? |
| Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Basic support | ? | ? | ? | ? | ? | ? | ? |