Usage context

Keyword meanings

bold is equivalent to 700

normal is equivalent to 400

bolder and lighter will instruct the browser to use a thicker or thinner font-weight (respectively) compared to the current element's parent. Child elements will inherit the resulting calculated font weight.

Cautions

Many fonts only have 400 and 700 weights available. Available weights may vary font-to-font.