Font Weight

The font-weight property in CSS defines the thickness or boldness of the text. It helps you emphasize text by making it lighter or bolder.

Notes:

  • inherit: Useful when you want to make sure a child element uses the same weight as its parent (e.g., in nested tags).

  • initial: Resets the weight to the default (usually 400) defined by the browser or CSS spec.

  • Relative keywords (bolder, lighter) depend on the computed weight of the parent element.

  • Not all fonts support all numeric values (e.g., 100–900)

Font Weight in Workmaster

The Font Weight property in Workmaster determines the thickness or boldness of the text displayed in a widget. It works similarly to the font-weight property in CSS and allows you to control text emphasis and hierarchy.

Possible Values

Value
Description
Numerical Equivalent

normal

Default font weight

400

bold

Bold text

700

bolder

Bolder than parent

relative

lighter

Lighter than parent

relative

100

Thin

100

200

Extra light

200

300

Light

300

400

Normal

400

500

Medium

500

600

Semi-bold

600

700

Bold

700

800

Extra bold

800

900

Ultra bold

900

inherit

Inherits weight from parent element

depends on parent

initial

Sets to default (normal = 400)

400

Examples

1. Normal Text

2. Bold Text

Last updated