coderef

font-synthesis-styleBaseline · Widely available

The font-synthesis-style CSS property sets whether or not the browser should synthesize italic and oblique typefaces when they're missing from the font.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Mar 27, 2023. Widely available since Sep 27, 2025.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–96Not supported
97+Supportedsince Jan 4, 2022
Current: 155
Edge
12–96Not supported
97+Supportedsince Jan 6, 2022
Current: 154
Firefox
1–110Not supported
111+Supportedsince Mar 14, 2023
Current: 157
Safari
1–16.3Not supported
16.4+Supportedsince Mar 27, 2023
Current: 27
MobileChrome Android
18–96Not supported
97+Supportedsince Jan 4, 2022
Current: 155
Firefox Android
4–110Not supported
111+Supportedsince Mar 14, 2023
Current: 157
Safari iOS
1–16.3Not supported
16.4+Supportedsince Mar 27, 2023
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: font-synthesis-style.

Feature detection

CSS · check before using
@supports (font-synthesis-style: initial) {
  /* styles that rely on font-synthesis-style */
}

/* or in JavaScript */
if (CSS.supports("font-synthesis-style", "initial")) {
  // use it
}

Documentation (MDN)

Specification

Sub-features

Support for each part of the feature (3). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
font-synthesis-style979711116.49711116.4
font-synthesis-style.auto979711116.49711116.4
font-synthesis-style.none979711116.49711116.4