Contact emails moon...@google.com, dr...@google.com
Explainer https://docs.google.com/document/d/1XMTrKH003KBOes6hxzI-3E7LTwp5YwFC-rnzoFpFrfw/edit?usp=sharing Specification Will be written as a part of the implementation. Summary The CSS font-palette property allows selection of a specific palette used to render a font. The CSS Fonts 4 spec defines the animation behavior of this property as discrete, which is insufficient to achieve a smooth transition between two selected palettes. Creating the smooth transition between the palettes is rather difficult to achieve if the property is not interpolatable, web authors would need to manually compute the value for each frame in order to achieve that. Blink component Blink>Fonts <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3EFonts> Motivation Color fonts have vastly improved typographic expressiveness on the web. They provide web authors with a variety of new features, like defining the palette of the font, that will allow them to style glyph appearance flexibly, on top of what’s pre-defined by the font. Currently the animation type of the font-palette property is discrete, meaning that there is no smooth transition between the different color values of the font. The only way to animate the font-palette property smoothly is by doing it manually, which is rather complicated: in order for animation to work, web authors need to retrieve information about color records from the font and compute font-palette values for each frame. Defining animation behavior for the CSS font-palette property solves this by enabling a declarative CSS way of achieving a smooth transition. This feature will provide web authors with an easy way to have a smooth transition between font-palette values. Initial public proposal We plan to raise this as an issue for the CSS Fonts spec in the CSS WG once we gain more insights from prototyping. Search tags font-palette <https://chromestatus.com/features#tags:font-palette>, animation <https://chromestatus.com/features#tags:animation>, transition <https://chromestatus.com/features#tags:transition>, font-palette-values <https://chromestatus.com/features#tags:font-palette-values>, color fonts <https://chromestatus.com/features#tags:color%20fonts> TAG review TAG review status Pending Risks Interoperability and Compatibility Gecko: No signal WebKit: No signal Probably positive, since they implemented color fonts, font-palette Web developers: Positive Ollie Williams expressed his interest in this CSS Tricks post <https://css-tricks.com/colrv1-and-css-font-palette-web-typography/#:~:text=Another%20limitation%3A%20animations%20and%20transitions%20from%20one%20font%2Dpalette%20to%20another%20don%E2%80%99t%20interpolate%20%E2%80%94%20meaning%20you%20can%20switch%20instantly%20from%20one%20palette%20to%20another%2C%20but%20can%E2%80%99t%20gradually%20animate%20between%20them.%20My%20dream%20of%20a%20luridly%20animated%20emoji%20font%20is%20sadly%20unrealized>, describing it as a dream if that feature was real. Scott Kellum (of typetura.com) has also been suggesting it as a useful feature for the web (origin: a Twitter thread and email conversation, the original twitter post was deleted). Other signals: WebView application risks Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications? None expected Debuggability Is this feature fully tested by web-platform-tests <https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md> ? Not yet, but tests will be written as part of the implementation. Flag name Requires code in //chrome? False Tracking bug https://bugs.chromium.org/p/chromium/issues/detail?id=1400620 Estimated milestones No milestones specified Link to entry on the Chrome Platform Status https://chromestatus.com/feature/5177171439517696 -- 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+unsubscr...@chromium.org. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAAO7W_DFvgY9yqz_Tr%2B2sHMwsydbWMQ66yZWwF7ZoxDZ2yE1QA%40mail.gmail.com.