Intent to Prototype: CSS font-synthesis property
Munira Tursunova
Contact emails
moo...@google.com, dr...@chromium.orgExplainer
https://drafts.csswg.org/css-fonts-4/#font-synthesis-introhttps://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis
Specification
https://drafts.csswg.org/css-fonts/#font-synthesisSummary
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.
Blink component
Blink>FontsMotivation
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.
Initial public proposal
Search tags
font-synthesis, italic, bold, cursive, synthetic, fake bold, fake italic, small-capsTAG review
TAG review status
Not applicableRisks
Interoperability and Compatibility
Low, feature already shipped in Firefox and Safari. Expected graceful degradation if an engine has so far not implemented this feature: if the font-synthesis: property is not understood by an engine, this means unintended synthesis can occur. That's expected and the reason why this property was designed.
Gecko: Shipped/Shipping (https://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis#browser_compatibility) https://bugzilla.mozilla.org/show_bug.cgi?id=1706080
WebKit: Shipped/Shipping (https://bugs.webkit.org/show_bug.cgi?id=144180)
Web developers: No signals
Activation
None expected, feature already implemented in other browsers.
Debuggability
Same as any other CSS property, css_properties.json will be rolled to DevTools during development.
Is this feature fully tested by web-platform-tests?
YesFlag name
Requires code in //chrome?
FalseTracking bug
https://bugs.chromium.org/p/chromium/issues/detail?id=509989Estimated milestones
No milestones specified