CSS font | font-weight normal
ExampleSetdifferentfontweightforthreeparagraphs:p.normal{ font-weight:normal;}p.thick{ font-weight:bold;}p.thicker{ font-weight:900;}TryitYourself»[1]DefinitionandUsageThefont-weightpropertysetshowthickorthincharactersintextshouldbedisplayed.Showdemo❯[2]BrowserSupportThenumbersinthetablespecifythefirstbrowserversionthatfullysupportstheproperty.Propertyfont-weight2.04.01.01.33.5CSSSyntaxfont-weight:normal|bold|bolder|lighter|number|initial|inherit;PropertyValuesValueDescriptionDemonormalDef...
ExampleSet different font weight for three paragraphs:
p.normal { font-weight: normal;}p.thick { font-weight: bold;}
p.thicker { font-weight: 900;}
Try it Yourself »[1] Definition and UsageThe font-weight property sets how thick or thin characters in text should be displayed.
Show demo ❯[2]
Browser SupportThe numbers in the table specify the first browser version that fully supports the property.
Property font-weight 2.0 4.0 1.0 1.3 3.5 CSS Syntaxfont-weight: normal|bold|bolder|lighter|number|initial|inherit;
Property Values Value Description Demo normal Defines normal characters. This is default Demo ❯[3] bold Defines thick characters Demo ❯[4] bolder Defines thicker characters Demo ❯[5] lighter Defines lighter characters Demo ❯[6] 100200...