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 (usually400
) 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
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