Arcade Game Typography? ?? ? Toshi Omagari? ???, ?? ??? ?? ?? ??? ??? 1982 ? Insector?? ?? ???? ?? ??? ??? ?? ???????. Colr Font Format? 2018 ? ?? (Internet Explorer???) ?? ??? ???? ??? ????? ????, ??? ?? ?????? ??? ?? ?? ??? ??? ????? ??? ? rare??.

? ??? ??? ??? ??? ??? ?????. ?? ? ?? ?? ? ??? ??? ??, ?? ? ??? ?? ?? ????? ??? ?? ????. ?? ??? ?? ???? Colr ?? ??? ??? ???? ?? Font-Palette ?? ? @font-palette-values ????? ??? ??? CSS ??? ?? ???? ?? ? ??????? ?? ? ??? ?? ????? ?? ? ??? ?? ?????.

Colr ??

?? 2018 ?? ?? ??? ?? ????? ????. ???? OpenType-SVG, Colr, SBIX ? CBDT/CBLC? ?? ?? ??? ?? ? ?? ????????. Chromacheck? ???? ??? ????? ???? Color Font ??? ??? ? ????.

Google Chrome? OpenType-SVG? "WontFix"? ??????. ?, ??? Chrome ?? Edge?? ?? ???? ????. SBIX ? CBDT/CBLC? ??? ???? ?????? ? ? ?? ??? ?????? ??? ???? ?? ??? ??? ? ????. ?? ? ?? ??? ? ?? ??? ?? ?? ?? ??????.

Ulrike Rausch? Bitmap ?? ?? ? Liebeheide? ??????. “?? ?? ? ??? ?? ?? ? ???? ??? ? ???? ???? ?? ????.”?? ??? ?????. “Liebeheide? ?? ???? ?? ??? ??? ????? ? ??????. ??? ?? ??? ?? PNG ???? ???? ??? OTF ?? ??? ?????. Adobe Indesign? ?? ???? ?? ?????? ????? ?? ? ??? ??? ???? ???? ??? ?? ?? ? ? ????.”

?? ????? Colr Fonts (?? ????? COLRV0??? ?)? ?????. 2 ?? ?? ? Chrome (? Edge)? ?? 98? ??? ?? ? Colrv1? ?? ??? ??????.

? ???? ?? ???? Caniuse? ????. ??? ????? ?? ???? ??? ????? ?? ?????.

????

??? / ???

COLRV0 ? COLRV1

Colrv1? OpenType 1.9 ??? ?????. ?? COLRV0?? OpenType-SVG? ???? ???? ??? ? Colrv1? ?? ??? ???? ??? ???? ?????. ?? ?? Colrv0? ?? ? ?? ? ? ??? Colrv1? ??, ??? ? ?? ??? ?? ? ? ????. ? ??? ?? ?? ? ??? ???? ?? ??? ??? ? ??? ?? ???? ?????.

?????? ??? Roel Nieskins? ??? ?? ?????.“OpenType-SVG ??? ?? ???? ???? ??? OpenType-SVG ??? ?? ?? ????? ?????. ??? ???? ?? ??? ??? ?? ?? ????? ?? ??? ???. ?? ??? ???? SVG? ?? ?? ??? ?????. ??? ?? ?? ?? (??, ?? ? ?)? ? ???? ??? ????? ?? ?????. ??? ???? Colr? ???. Colr? ????? OpenType ??? ?? ????? ?? ?? ??????. '?'?? ????? ???? ? ???? ??? ??? ? ????. ????? ??????.”

Colrv1? ?? ?? ?? ???? ???? ?? Merit ??, Plakato ?? ? Rocher ??? ?? ?? Colr ??? ?? ?? ????.

??? Ulrike Rausch? Format?? ??? What 's Pasion, A (?? ???) ??? ??? ????.

Foundry Underware? Akiem Helmling? Colrv1? ????“COLRV1 ??? ?? ? ? ?? ?? ??? ?? ???? ??? (?? ? ?) ??? ?? ? ????.” Akiem? ?? ?? ? ???? ??? ?????. “??? ?? ?? ??? ???? ??? ???? ?? ?? ???????. OpenType-SVG? ?? ???? ?? ?? ????? ?????, ? ???? ? ? ?? ????. ???? ???? SVG? OpenType? ?? ?? ??? '?? ?'???. ???? ?????? ????? ?? ?? ???? SVG ??? ??? ???? ??? ????. ?? ?? ?? SVG ???? ?? ??? ?? ? ????.”

??? ???? ??? ?????. Mozilla? ?? Colrv1? ???? ???? ???? ??? ? ??? ??????.“? ???? OpenType-SVG ??? ?? ? ???? ????. ??? ????? ????? ????.

Colrv1 ???? ?????? ??? ???? ?? ? ??? ?? ??? ?? ????? (?? ??? ????? CSS ?? ???? ??? ? ??). ??? ?? ?? ??? ????? Colrv1 ??? ???? ?? ?? ??? Figma? ?? ???? ??? ??? Colrv0?? ???? ??? ??? ?? ??????? ??? ? ???? ????. ?? ??? Colrv1? ?? Reem Kufi ? Bradley ???? ?? ??? ? ??? ?? ?? ???? ?? ???????.

Colr ? CSS

?? ??? ???? ?? ??? ?? ? ??? ????. ????? CSS? ??? ?????. Font-Palette ??? ??? ?? ? ???? ???? ?? ?? ? ??? ??? ?????. ? ??? Colrv0 ? Colrv1 ???? ?????. (Apple? Myles Maxfield? SVG ??? ???? ???? ? ??? ??? ?? Colr ??? ?? ??? CSS? ?? ???? ??????.)

??? ?? ???? ????? ?? ?????. ?? ??? ????? ??? ?? ????? ?? ??? ?? ???? ?? ?????. CSS?? ?? ???? ???? ??? ??? ? ???? ??? ? ????.

??? ?? ???? ????? ??? ? ? ????? ?? ???? ??? ? ????. ??? ?? ?? ?? ?? ?? (Wakamai Fondue)?? ??? ????? ?? ??? ?? ? ??? (?? ???? ??)? ?????. ? ???? Flintstones ???? ?? Henrique Beier? ?? ?? ?? ?? ? Rocher Color? ???????. Wakamai Foundue? ????? ??? ? ?? ??? ???? 11 ?? ?? ??? ??? ????? ?? ? ? ????.

?? ??? ?? : 0? ?? ?? ???? ????? (Rocher? ?? ????? ??? ??).

Base-Palette ?? : 1? ?? ???? ?? ?? ? ? ?? ?? ???? ?????. ?? ?? ????? ??? ?? ?? ? ?? ???? ???? ????.

 @font-palette-values ??--grays {
  ?? ?? : Rocher;
  ??? ??? : 9;
}

CSS @font-palette-values ??????? ???? ??? ??? Font-Palette ??? ???? ?? ? ? ????.

 .grays {
  ?? ?? : '??';
  ?? ??? :-???;
}

??, ??? ??? ????? ??? ??? ??? ????? ?? ??? ???? ??? ?? ?? ????. ?? ??? ???????? ???? ??? ??? ????.

??? ??? ???? David Jonathan Ross? Bungee? ?? ?? ???. ????? ???? ???? ? ? ?? ?? ? ?????. ?? ???? ??? ? ?? ??? ???? ???? ?? ???? ???? ??? ?????.

 @font-palette-values--pinkandgray {
  Font-Family : Bungee;
  ????? ?? :
    0 #c1cbed,
    1 #ff3a92;
}

@font-palette-values ??--grayandpink {
  Font-Family : Bungee;
  ????? ?? :
    0 #ff3a92,
    1 #c1cbed;
}

????? ???? ????? ???? ?? ?? ? ????? ??? ? ????. ??? Rocher? ?? ?? ???? ???? ??? Minty Green?? ??? ??? ???? ????.

 @font-palette-values ??--graysremix {
  ?? ?? : Rocher;
  ??? ??? : 9;
  ????? ?? : 
    2 RGB (90,290,210);
}

? {
  ?? ?? : "Rocher";
  font-palette : --graysremix;
}

????? ??? ??? ? ?? ??? ?? ??? ??? ?? ??? ?????. ?? ??? ?? ??? ??? ???? ???? ???????.

??? ?? Twemoji (?? ??) ?? Noto? ?? ???? ??? ??? ??? ?? ????. Google? ?? ????? ???? ??? ??? ????.

?? ??

?????? ? ?? ??? ??? ??? CSS ??? ?? ??? @font-palette-values?? ???? ???? ????. ?, ??? ???? ??? ?????.

 @font-palette-values--pinkandblue {
  Font-Family : Bungee;
  ????? ?? :
    0 var (-???),
    1 var (-???);
}

? ?? ?? : ? ?? ????? ?? ?? ????? ?????? ??? ???? ????. ?, ? ????? ?? ???? ?? ?? ? ? ??? ????? ????? ? ?? ????. ??? ????? ???? ??? ?? ?? ?? ???? ???? ????.

???? ??

Font-Palette ? @Font-Palette-values? ?? 15.4 ?? Safari?? ?????? ?? 101? ??? ?? Chrome and Edge? ??????.

? ???? ?? ???? Caniuse? ????. ??? ????? ?? ???? ??? ????? ?? ?????.

????

??? / ???

?? ??

??? ?????? ?? ??? ??? ??? ? ??? ?? ??? ? ????. ??? ? ?? ???? ?? ??? ????.

??? ??? ??

??? ??? ? ???? ?? ???? ???? ?? ???? ??? ?? ?? ??? (Chris? ??? ??) ??? ?? ?????. Fontawesome? Duotone ?? Material Design? 2 ? ???? ?? ?? ??? ??? ??? ???? ?? Font-Palette? ? ?? ??? ?? ??? ?? ? ? ????.

???? ?? ??

?? ?? (Nolan Lawson)? ?? ??? ????? ???? ??? ?? ????. Chrome Developer Blog? ?? ??? ?? ???? ?????.

??? ?? ???? ???? ???? ????? ??? ? ????. ????? ???? ???? ???? ?? ? ????? ???? ??? ??? ??? ???? OS ???? ??? ????? ??? ??? ??? ???? ?? ??????. ?? ?? ?? ???? ?? ?? ?? ?? ???? ?? ???????.

? ? ???? ??? ??? Colrv1 ???? ??? ?? ??? ?? ??? ?????. COLRV1? ?? ?? ??? ???? ??? ??? ???? ??, ?? ???? ???? ? ? ?? ??? ???? ?? ????.

???

?? ?? ?? ?? ?????? ???? CSS? ?? ??? ?? ????? ???? ???? ??? ???????. ?? ???? ?? ? ??? ??? ?? ? ? ??? ?? ???? ????. ???? ??? ??? ?? ??? ?? ? ? ??? ?? F ? ????? ?? ? ? ??? ?? ?? ?? ?? ??? ?? ? ??? ??? ???? ?? Adobe Illustrator? ??????.

?? ??? ??? ???? ??? ? ? ???? ???? ??? ???? ? ?????. ??? ??? ?? ???? ?? ?? ?? ???, ? ???? ?? ??? ????? ???? ???? ???? ???? ???? ? ? ????.

? ??? COLRV1 ? CSS FONT-PALETTE? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!