font-palette CSSプロパティを使用すると、カラフォントからパレットを選択できます。@font-palette-values at-ruleと組み合わせることで、カスタムパレットを定義できます。

Chrome

  1. 4 - 100:サポートされていません
  2. 101 - 123:サポートされています
  3. 124:サポートされています
  4. 125 - 127:サポートされています

Edge

  1. 12 - 104:サポートされていません
  2. 105 - 123:サポートされています
  3. 124:サポートされています

Safari

  1. 3.1 - 15.3:サポートされていません
  2. 15.4 - 17.3:サポートされています
  3. 17.4:サポートされています
  4. 17.5 - TP:サポートされています

Firefox

  1. 2 - 106:サポートされていません
  2. 107 - 124:サポートされています
  3. 125:サポートされています
  4. 126 - 128:サポートされています

Opera

  1. 9 - 86:サポートされていません
  2. 87 - 108:サポートされています
  3. 109:サポートされています

IE

  1. 5.5 - 10:サポートされていません
  2. 11:サポートされていません

Chrome for Android

  1. 124:サポートされています

Safari on iOS

  1. 3.2 - 15.3:サポートされていません
  2. 15.4 - 17.3:サポートされています
  3. 17.4:サポートされています
  4. 17.5:サポートされています

Samsung Internet

  1. 4 - 18.0:サポートされていません
  2. 19.0 - 23:サポートされています
  3. 24:サポートされています

Opera Mini

  1. すべて:サポートされていません

Opera Mobile

  1. 10 - 12.1:サポートされていません
  2. 80:サポートされています

UC Browser for Android

  1. 15.5:サポートされていません

Androidブラウザ

  1. 2.1 - 4.4.4:サポートされていません
  2. 124:サポートされています

Firefox for Android

  1. 125:サポートされています

QQブラウザ

  1. 14.9:サポートされていません

Baiduブラウザ

  1. 13.52:サポートされていません

KaiOSブラウザ

  1. 2.5:サポートされていません
  2. 3:サポートされていません
リソース
Firefoxサポートのバグ
解説
Safari 15.4ベータ版リリースノート
デモ