CSS Font Weight Property


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

Syntax

font-weight: normal|bold|bolder|lighter|number|initial|inherit;
Value Description
normal Defines normal characters. This is default
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
initial Sets this property to its default value.
inherit Inherits this property from its parent element.

Example Font

<p style="font-weight:bolder";>
Welcome to CSS Tutorial
</p>
Output

Welcome to CSS Tutorial


Share this article on