Intent to Implement and Ship: CSS property font-optical-sizing

80 views
Skip to first unread message

Dominik Röttsches

unread,
Jan 18, 2019, 11:19:39 AM1/18/19
to blink-dev

Contact emails

dr...@chromium.org


Spec

https://drafts.csswg.org/css-fonts-4/#font-optical-sizing-def


No TAG review, as part of existing CSS fonts spec, implemented already by 2 other browsers.


Summary

The font-optical-sizing property automatically sets the font-size to the opsz - optical sizing axis of variable fonts that support optical sizing. This helps to improve styling and legibility of fonts depending on font size, because the font chooses a glyph shape that works optimally at the given font size. For example, the glyph contrast is improved in fonts in heading size vs. body text size. See the spec link for an illustration of what optical sizing is.


Is this feature supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?

Yes .


Debuggability

As a regular CSS property it will be supported in DevTools.


Risks

Interoperability and Compatibility

This is an already established features in 3 other browsers. As a default-on CSS property with values auto and none, it automatically improves font display for fonts that support it, while the none value allows suppressing activation.


Edge: Shipped

Firefox: Shipped

Safari: Shipped

Web / Framework developers: Feedback from fonts-on-the-web advocates such as Jason Pamental indicates that this is a desired feature.


Ergonomics

I see no issue with ergonomics, as it's a default on feature that works out of the box with a font that supports it.


Activation

It only works with fonts that support it, but otherwise does nothing - so there is no harm. Knowledge about the feature helps to request and specifically look for fonts with support when talking to a font vendor.


Is this feature fully tested by web-platform-tests? Link to test suite results from wpt.fyi.

WPT test cases are ready and will be upstreamed during implementation.


Entry on the feature dashboard

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

Yoav Weiss

unread,
Jan 21, 2019, 2:12:55 AM1/21/19
to Dominik Röttsches, blink-dev
LGTM1

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAN6muBsCj91U-u2-HZzo3X08PfC9yGgwFy7%3Db%3DwCgMmVN_86Lw%40mail.gmail.com.

Daniel Bratell

unread,
Jan 21, 2019, 5:41:37 AM1/21/19
to Dominik Röttsches, Yoav Weiss, blink-dev
LGTM2  

/Daniel
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CACj%3DBEh-ivnjy4unkZ%3D4%3DAOehBKJYPYrU-LyrBXBvSOf8uSVmA%40mail.gmail.com.



--
/* Opera Software, Linköping, Sweden: CET (UTC+1) */

Chris Harrelson

unread,
Jan 21, 2019, 12:17:14 PM1/21/19
to Daniel Bratell, Dominik Röttsches, Yoav Weiss, blink-dev

Dominik Röttsches

unread,
Sep 15, 2019, 7:22:07 AM9/15/19
to Chris Harrelson, Daniel Bratell, Yoav Weiss, blink-dev
Thanks for the LGTMs, FYI, this is now ready in https://chromium-review.googlesource.com/c/chromium/src/+/1795244 and I am targeting landing and shipping this in M79.

Reply all
Reply to author
Forward
0 new messages