CSS font-weight property

Description

CSS font-weight property defines the weight of fonts with their darkness and stroke thickness.

There is a scale of font-weight i.e. 100 to 900. As the value increases from 100 to 900, the font weight shifts from light to bold.

font-weight : value | normal | bold | bolder | lighter

normalDefault: normal represents normal text. It is same as 400.; font-weight: normal;
bold: represents bold text. It is same as 600.; font-weight: bold;
bolder: It represents bolder font-weight than the inherited value.; font-weight: bolder;
lighter: It represents lighter font weight than the inherited value.; font-weight: lighter;
value: 400 value represents a light weight font.; font-weight: 400;
value: 600 value represents a bold weight font.; font-weight: 600;

It applies to all elements

compatibility

Compatibility

Check my browser's compatibility for this property.

#CSS digger
Was this article helpful?

We are learning the properties of fonts.

▾

CSS

HTML

Ctrl+D