font-size
BaselineWidely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers sinceJuly 2015.
Thefont-sizeattribute refers to the size of the font frombaselineto baseline when multiple lines of text are set solid in a multiline layout environment.
Note:As a presentation attribute,font-sizecan be used as a CSS property. See the CSSfont-sizeproperty for more information.
You can use this attribute with the following SVG elements:
Example
html
<svg viewBox= "0 0 200 30" xmlns= "http://www.w3.org/2000/svg" >
<text y= "20" font-size= "smaller" >smaller</text>
<text x= "100" y= "20" font-size= "2em" >2em</text>
</svg>
Usage notes
| Value |
<absolute-size>|<relative-size>|
<length-percentage>
|
|---|---|
| Default value | medium |
| Animatable | Yes |
For a description of the values, please refer to theCSSfont-sizeproperty.
Specifications
| Specification |
|---|
| CSS Fonts Module Level 4 #font-size-prop |
Browser compatibility
BCD tables only load in the browser