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.

Reply via email to