« 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.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Chrome ? | Edge ? | Firefox ? | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Edge Mobile ? | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Compatibility unknown
- Compatibility unknown