font-synthesis
A shorthand property that controls whether the browser can 'fake' bold, italic, or small-caps styles if the font doesn't provide them.
Quick example
body {
/* Disables all browser-faked font styles for better typography */
font-synthesis: none;
}Quick facts
Initial value
weight style small-caps position Inherited
Yes
Applies to
all elements and text
Animation type
discrete
Values
noneweightstylesmall-capsposition font-synthesis Browser Support
Widely available Since 2022 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.
Safe to use without fallbacks.
97+
34+
9+
97+