The font-weight property of the CSS is used to set the weight or thickness of the font being used with the HTML Text. The font weight applied will depend on font-family used and the browser. For example, some font-family are available only in specific weights.
The font-weight property sets how thick or thin characters in text should be displayed.
font-weight: normal|bold|bolder|lighter|number|initial|inherit;
100, 200, 300, 400, 500, 600, 700, 800 and 900 − Defines from thin to thick characters. 400 is the same as normal, and 700 is the same as bold.
normal − Default. Defines normal characters and equivalent to the value 400.
bold − Equivalent to the value 700.
bolder − The font characters for the element should be heavier than those of the parent element.
lighter − The font characters for the element should be lighter than those of the parent element.
Supported Browsers: