{font-weight:} Font-Weight Property - CSS Property Reference :: webDev

{font-weight:}

						font-weight: { 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | bold | bolder | lighter | normal | inherit } ;
					

The {font-weight:} property sets the font weight that's applied to the text content of an element.

Note that many common computer fonts are only available in a limited number of weights (often, the only options are {normal;} and {bold;} ).

The numeric values {100-900;} specify font weights where each number represents a weight equal to or darker than its predecessor. {400;} is considered the "normal" weight. If the specified font isn't available in the specified weight, the font weight will be mapped to a suitable existing value.

  • The following keywords can also be used with {font-weight:}
  • {bold;} is a synonym for {700;}.
  • {bolder;} selects a {font-weight:} that's darker than that inherited from the parent element.
  • {lighter;}selects a {font-weight:} that's lighter than taht inherited from the parent element.
  • {normal;} is a synonym for {400;}.

Internet Explorer for Windows versions up to and including 7 don't support the value {inherit;}.

{font-weight:} Font-Weight Property - CSS Property Reference :: webDev