Animating font-palette

[tursunova]

こんにちは TAG-さん!

I'm requesting a TAG review of Animating font-palette.

The CSS font-palette property allows selection of a specific palette used to render a font. For this property, CSS Fonts 4 defined the animation behavior of this property as discrete, which is insufficient to achieve a smooth transition between two selected palettes. Similar to other color transitions in CSS animating the font-palette property should happen by interpolating each of the color record values between start and end palette.

• Explainer¹ (minimally containing user needs and example code): Explainer: Animating font-palette

• Specification URL: https://drafts.csswg.org/css-fonts-4/#font-palette-prop

• Tests:

  • https://wpt.fyi/results/css/css-fonts/animations/font-palette-interpolation.html?label=experimental&label=master&aligned
  • https://wpt.fyi/results/css/css-fonts/palette-mix-computed.html?label=experimental&label=master&aligned

• User research: -

• Security and Privacy self-review²: n/a

• Primary contacts (and their relationship to the specification):

  • Munira Tursunova, @tursunova, Google
  • Dominik Röttsches, @drott, Google

• Organization(s)/project(s) driving the specification: CSS WG

• Key pieces of existing multi-stakeholder review or discussion of this specification:

  • Proposal: https://github.com/w3c/csswg-drafts/issues/8922
  • CSS WG resolution: https://github.com/w3c/csswg-drafts/issues/8922#issuecomment-1720930646

• External status/issue trackers for this specification (publicly visible, e.g. Chrome Status):

  • https://chromestatus.com/feature/5177171439517696
  • https://crbug.com/1400620

Further details:

• ✅ I have reviewed the TAG's Web Platform Design Principles
• The group where the work on this specification is currently being done: CSS WG
• The group where standardization of this work is intended to be done (if current group is a community group or other incubation venue): CSS WG
• Major unresolved issues with or opposition to this specification: none
• This work is being funded by: Google

You should also know that...

We'd prefer the TAG provide feedback as (please delete all but the desired option):

💬 leave review feedback as a comment in this issue and @-notify @tursunova, @drott

[drott]

• Security and Privacy self-review²: n/a

This incremental improvement to the Fonts spec falls under the security and privacy self-review of the CSS Fonts Level 4 spec as published here in sections 14 and 15.

[LeaVerou]

Hi there,

This looks great to us. Doesn't add any new syntax, and just enables existing syntax to work — easily a win!

Thank you for flying TAG!

[drott]

Thanks for the review and positive feedback, @LeaVerou and others.