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

font-weight: integer

a number from 1 to 1000, inclusive.

400 is normal, 700 is bold

Values other than bold or normal may not have any effect. It requires a font family that supports light version.

font-weight: normal

Same as 400

font-weight: bold

Same as 700

font-weight: bolder

100 bolder than parent

font-weight: lighter

100 lighter than parent

What your browser shows

• font-weight bold
• font-weight normal
• font-weight lighter

• font-weight 100
• font-weight 200
• font-weight 300
• font-weight 400
• font-weight 500
• font-weight 600
• font-weight 700
• font-weight 800
• font-weight 900
• font-weight 1000