« SVG Attribute reference home
The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css font-weight for further information.
Usage context
| Categories | Presentation attribute |
|---|---|
| Value | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
Example
css
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
html
<p class="normal">This is a paragraph.</p> <p class="light">This is a paragraph.</p> <p class="thick">This is a paragraph.</p> <p class="thicker">This is a paragraph.</p>
Elements
The following elements can use the font-weight attribute