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



p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}


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



The following elements can use the font-weight attribute

See also

Document Tags and Contributors

 Contributors to this page: dhaval, Jeremie
 Last updated by: dhaval,