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.

Syntax

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

Property values

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;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
We are learning the properties of fonts.
×

Ctrl+D