font-weight

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

• Text content elements »

See also

• css font-weight