The font-synthesis CSS property controls whether user agents are allowed to synthesize oblique, bold and small-caps font faces when a font family lacks oblique, bold and small-caps faces, respectively.

Motivation

Without font-synthesis property some web pages that do not have font families with the required variations may have unnatural forms of fonts due to synthesis. This feature has 17⭐️ on the bugtracker #509989 and has been requested by designers. Firefox and Safari have already implemented this feature.

Demo

Specification

Specification link


Final published standard: Recommendation, Living Standard, Candidate Recommendation, or similar final form

Status in Chromium

Blink>Fonts


In development (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owners

Search tags

font-synthesis, italic, bold, cursive, synthetic, fake bold, fake italic, small-caps,

Last updated on 2021-12-20