CSS: Font Weight, Bold
What is font weight
font-weight lets you control how bold to display the font.
Example
a { font-weight: bold; }
Possible values
normal-
Same as
400 bold-
Same as
700 bolder-
100 bolder than parent
lighter-
100 lighter than parent
integer-
400 is normal, 700 is bold
What your browser shows
- Alice in Wonderland • font-weight bold
- Alice in Wonderland • font-weight normal
- Alice in Wonderland • font-weight lighter
- Alice in Wonderland • font-weight 200
- Alice in Wonderland • font-weight 400
- Alice in Wonderland • font-weight 700
- Alice in Wonderland • font-weight 900
Values other than bold or normal may not have any effect. It requires a font family that supports light version.
Thanks to Federico Totti, A1Den Liu for help.