WEBでのフォントをカラフルにするCOLRとは

本記事ではChromeでもCOLRv1のサポートについて紹介します。 カラフルな文字をブラウザーで描画するには？ ブラウザーでフォントを描画するとき、通常はCSSを用いて色付けを行います。この色付けは文字全体に色付けを行うため、文字へのグラデーションなど複数の色を描画することできません。 しかし、例外的に絵文字だけはカラフルに描画することができています。 カラフルな絵文字が特徴的なzenn.devのトップページ これはブラウザーが絵文字をシステムから画像として読み出して、描画しているからです。（Appleのフォントを利用している場合） 画像として読み出しているため、拡大すれば画像は荒くなりますし読み込む絵文字の量が増えればそれにかかる時間も増加します。 COLRとは より便利に、カラフルなフォントを読み込む方法としてCOLRがあります。COLRとはBlink, Google Fonts,

[Haaaa_N]

SVGカラーフォントどうなったのかと思ってたら別規格に取って代わられたのか、IEですらサポートしてて日本でのサポート率97%だし事実上の標準ですね