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.
It is documented as part of the CSS Fonts specification.
Syntax
/* Usage Example */
body {
/* Disables all browser-faked font styles for better typography */
font-synthesis: none;
}
/* Syntax */
font-synthesis: none;
font-synthesis: weight;
font-synthesis: style;
font-synthesis: small-caps;
font-synthesis: position;
/* Global values */
font-synthesis: inherit;
font-synthesis: initial;
font-synthesis: revert;
font-synthesis: revert-layer;
font-synthesis: unset;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.
97+
34+
9+
97+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more