font-synthesis-weight
Controls whether the browser is allowed to 'fake' a bold look by thickening the strokes if a real bold font file isn't available.
Quick example
.strict-typography {
/* Prevents the browser from faking bold text */
font-synthesis-weight: none;
}Quick facts
Initial value
autoInherited
Yes
Applies to
all elements and text
Animation type
discrete
Values
autonone font-synthesis-weight Browser Support
Widely available Since 2023 94% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.
Safe to use without fallbacks.
97+
111+
16.4+
97+