The thickness (or heaviness) of a font.
Syntax
font-weight: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | lighter | normal | bold | bolder | inherit ;
100 = light, 400 = normal, 700 = bold.
Bolder - Set a font weight that’s darker than that inherited from the parent element.
Lighter - Set a font weight that’s lighter than that inherited from the parent element.
inherit - inherit from the parent element.
Examples:
h1 { font-weight: bold ; }
#emw3id { font-weight: lighter; }
.emw3class { font-weight: normal; }
Try it:
Bold text is used to provide extra emphasis and is often used for warning labels or highlighting key items. There can still be times when using a <B> or <I> HTML tag to indicate visual formatting will be the most efficient solution. |
(CSS 1) Browser Support: All major browsers but other than Firefox and Safari/Webkit, support for numeric values is poor (some only recognise 400 or 700.)
“From birth, man carries the weight of gravity on his shoulders. He is bolted to earth. But man has only to sink beneath the surface and he is free” ~ Jacques Cousteau
Related:
font-family - Font family for text.
font-size - Font size of text.
font-style - Font style for text.
font-variant - Whether or not text should be displayed in a small-caps font.
font - Shorthand to set the font properties above in one declaration.
opacity - Opacity level for an element.