The font-weight property defines how light or dark the font displays.
font-weight in CSS Versions:
font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
The default standard font weight, it corresponds to 400 weight.
The standard bold weight of a font face, corresponding to 700 weight.
- bolder, lighter
A darker or lighter version of the font relative to the weight inherited from the parent.
- 100 - 900
An ordered sequence where each number indicates a weight that is at least as dark as its predecessor.
The element should have the same font-weight setting as the parent.
font-weight Initial Value:
font-weight Applies To:
This property is inherited.
font-weight Browser Support:
Bold font weight
Normal font weight in numbers
<p style="font-weight : bold;"> This paragraph is bold (weight 700). </p>
<p style="font-weight : 400;"> This paragraph is a normal weight. </p>