CSS: Font Weight, Bold

By Xah Lee. Date: . Last updated: .

What is font weight

font-weight lets you control how bold to display the font.

Example

a {
 font-weight: bold;
}

Possible values

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

font-weight: integer

400 is normal, 700 is bold

What your browser shows

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.

CSS, Text Decoration

CSS Font