By using this site you agree to the use of cookies by Brugbart and our partners.

Learn more

CSS Font-weight Property

Reference on the Font-weight property of CSS.

Edited: 2016-01-11 02:22

The CSS font-weight property sets the thickness of text.

The font-weight property accepts either keywords or a number as its value.

When the bolder and lighter values are used, the thickness will be relative to the inherited thickness.

When a value between 100-900 is used, the result will largely depend on the font being used, as the available levels of thickness may very depending on the font. If a given weight is not available, a nearby fallback will be used.

The numeric values represent 9 different levels, where the possible values are to be declared in hundreds. I.e.

p {
  font-weight: 700; /* 100 200 300 400 500 600 700 800 900 */
}

Using a keyword value:

.b {
  font-weight: bold;
}

Possible Values

  • normal (Default)
  • lighter
  • bold
  • bolder
  • 100-900

Inherited? - YES!