font-weight

The font-weight property sets how thick or thin characters in text should be displayed.

Example:

p

{

font-weight: bold

}

p.normal {font-weight: normal}

this is a paragraph

normal Default: Defines normal characters

bold: Defines thick characters

bolder: Defines thicker characters

lighter: Defines lighter characters

100

200

300

400

500

600

700

800

900

Defines from thin to thick characters. 400 is the same as normal, and 700 is the same as bold

The CSS font properties allow you to change the font family, boldness, size, and the style of a text.

Note: In CSS1 fonts are identified by a font name. If a browser does not support the specified font, it will use a default font.

The font-weight property is used to specify the weight of the font. The bolder and lighter values are relative to the inherited font weight, while the other values are absolute font weights.

Note :

Note: Since not all fonts have nine possible display weights some of the weights may be grouped together in assignment. If the specified weight is not available, an alternate will be chosen on the following basis:

Some example font-weight assignments would be:

H1 { font-weight: 800 }

P { font-weight: normal }