font-weight

Control the thickness of your font. When using numerical values for font-weight, we suggest multiples of 100 (e.g. 200, 300, etc) because any less and you probably will not see any difference. The values range from 100(thin)-900(thick).

Value Description
weight-key-term Define the weight of the font with key terms. Available terms: bold, bolder, and normal.
weight-value Defines the weight of the font with larger numbers being heavier weights. Available numbers: 100, 200, 300, ..., 900.

Code:

p { font-weight: 100; }
ul{ font-weight: bolder; }

Display:

This is a font with a weight of 900
  • This is a font with
  • a "bolder" weight