Intent to Prototype: CSS font-synthesis property

64 views
Skip to first unread message

Munira Tursunova

unread,
Sep 21, 2021, 11:21:03 AM9/21/21
to blin...@chromium.org, Dominik Röttsches

Contact emails

moo...@google.comdr...@chromium.org

Explainer

https://drafts.csswg.org/css-fonts-4/#font-synthesis-intro
https://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis

Specification

https://drafts.csswg.org/css-fonts/#font-synthesis

Summary

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>Fonts

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.



Initial public proposal



Search tags

font-synthesisitalicboldcursivesyntheticfake boldfake italicsmall-caps

TAG review



TAG review status

Not applicable

Risks



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_compatibilityhttps://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?

Yes

Flag name



Requires code in //chrome?

False

Tracking bug

https://bugs.chromium.org/p/chromium/issues/detail?id=509989

Estimated milestones

No milestones specified



Link to entry on the Chrome Platform Status

https://www.chromestatus.com/feature/5640605355999232

This intent message was generated by Chrome Platform Status.
Reply all
Reply to author
Forward
0 new messages