SVG in OpenType

SVGinOT

Design & Typography

スケーラブルなカラー絵文字を実現するために、SVG(スケーラブルベクターグラフィックス)ドキュメントをOpenTypeフォントファイルに直接埋め込む方式。

SVG in OpenType (also called SVGinOT) embeds complete SVG documents as glyph data within a font file. Each emoji glyph is an SVG with full support for gradients, transparency, filters, and animations.

Firefox and Adobe products support SVGinOT natively. The format offers the full expressiveness of SVG — the most capable vector format — but has limited support compared to COLR and CBDT.

The Unicode Consortium has noted that the industry is converging on COLRv1 as the preferred vector color font format, though SVGinOT remains in use.

関連用語

CBDT/CBLC (CBDT) CBDT/CBLC (CBDT)
フォントファイルにビットマップカラー絵文字を埋め込むためのOpenTypeテーブル「Color Bitmap Data Table」と「Color Bitmap Location Table」。
COLR/CPAL (COLR) COLR/CPAL (COLR)
絵文字をカラーパレットを持つ重ね合わせたベクターシェイプとして定義するOpenTypeカラーフォントテーブル。WindowsとChromeで使用されている。
OpenType OpenType
MicrosoftとAdobeが開発したフォント形式。複数のカラーテーブル技術によりカラー絵文字のレンダリングをサポートしている。
ベクター絵文字 ベクター絵文字
スケーラブルなベクターグラフィック(SVGまたはCOLR)を使用してレンダリングされる絵文字。どのサイズでも鮮明に表示される。

関連ツール

🔀 プラットフォーム比較 プラットフォーム比較
Apple、Google、Samsung、Microsoft などのプラットフォームで絵文字がどのように表示されるかを比較してみましょう。視覚的な違いを並べて確認できます。