Contact emailsmoon...@google.com, dr...@google.com Explainer https://docs.google.com/document/d/1XMTrKH003KBOes6hxzI-3E7LTwp5YwFC-rnzoFpFrfw/edit?usp=sharing
Specificationhttps://drafts.csswg.org/css-fonts-4/#font-palette-prop 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. Instead, animating the font-palette property should happen by interpolating each of the colour record values from the defined palette, i.e. if the start or the end of the animation has a different colour value for some record in the palette, such colour value should be interpolated. Blink componentBlink>Fonts <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3EFonts> Search tagsfont-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 reviewNone TAG review statusNot applicable Risks Interoperability and Compatibility Low, new feature, was resolved by W3C working group https://github.com/w3c/csswg-drafts/issues/8922#issuecomment-1720930646, but not yet implemented in other browsers. *Gecko*: No signal Not implemented. *WebKit*: No signal Not implemented. *Web developers*: Positive ( 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) Ollie Williams expressed his interest in the feature in his article on CSS Tricks. Scott Kellum (of typetura.com) has also been suggesting it as a useful feature for the web (origin: a Twitter thread and email conversation, Scott in the meantime deleted their Twitter account). *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 Debuggability Same as any other CSS property, font-palette property is inspectable in DevTools. Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?Yes Is this feature fully tested by web-platform-tests <https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md> ?Yes https://wpt.fyi/results/css/css-fonts/palette-mix-computed.html https://wpt.fyi/results/css/css-fonts/animations/font-palette-interpolation.html Flag name on chrome://flagsFontPaletteAnimation Finch feature nameNone Non-finch justificationNone Requires code in //chrome?False Tracking bughttps://bugs.chromium.org/p/chromium/issues/detail?id=1400620 Sample links https://drafts.csswg.org/css-fonts-4/images/nabla-animated.webp Estimated milestones Shipping on desktop 121 DevTrial on desktop 119 Shipping on Android 121 DevTrial on Android 119 Shipping on WebView 121 Anticipated spec changes Open questions about a feature may be a source of future web compat or interop issues. Please list open issues (e.g. links to known github issues in the project for the feature specification) whose resolution may introduce web compat/interop risk (e.g., changing to naming or structure of the API in a non-backward-compatible way). None Link to entry on the Chrome Platform Status https://chromestatus.com/feature/5177171439517696 Links to previous Intent discussionsIntent to prototype: https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAAO7W_DFvgY9yqz_Tr%2B2sHMwsydbWMQ66yZWwF7ZoxDZ2yE1QA%40mail.gmail.com This intent message was generated by Chrome Platform Status <https://chromestatus.com/>. -- 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_Bao93XoyHRT6NKG6p4pP87pQ0bvTedXOiGc_2hX3E7Jw%40mail.gmail.com.