font-weight
Sets the thickness or boldness of the font. Values can be keywords like 'bold' or numbers (e.g., 400 for regular, 700 for bold).
Quick example
strong {
/* Traditional bold weight */
font-weight: 700;
}
.thin-text {
/* Uses a light weight if the font supports it */
font-weight: 300;
}Quick facts
Initial value
normalInherited
Yes
Applies to
all elements and text
Animation type
byComputedValueType
Values
bolderlighter font-weight Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
2+
1+
1+
12+