font-weight Description:
The font-weight property defines how light or dark the font displays.
font-weight in CSS Versions:
font-weight Syntax:
font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
- normal
The default standard font weight, it corresponds to 400 weight. - bold
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. - inherit
The element should have the same font-weight setting as the parent.
font-weight Initial Value:
normal
font-weight Applies To:
All elements.
font-weight Inheritance:
This property is inherited.
font-weight Browser Support:
font-weight Examples:
Bold font weight
<p style="font-weight : bold;">Normal font weight in numbers
This paragraph is bold (weight 700).
</p>
<p style="font-weight : 400;">
This paragraph is a normal weight.
</p>
font-weight Special Notes:
- All of the browsers support bold and normal, but the bolder, lighter, and numbers are not reliable.
