やじうまの杜

HTMLタグを1行足すだけ！　「X」（Twitter）の絵文字が使えるナイスなWebフォント

その数、なんと4,000種類以上！

2026年7月28日 08:45

　「やじうまの杜」では、ニュース・レビューにこだわらない幅広い話題をお伝えします。

「X」（Twitter）では4,000種類以上もの絵文字を使える

　「X」（Twitter）では4,000種類以上もの絵文字を使えるそうですが、それをたった645KBのWebフォントにしちゃった方が登場！　「Google Fonts」のようにCDNでも利用できるそうです。



　これのなにがうれしいのかというと、自分のWebサイトに以下のHTMLタグを1行追加すれば「X」の絵文字が使えちゃう。 

<link rel="stylesheet" href="https://unpkg.com/@exis9/jdecked-twemoji@17.0.3/twemoji.min.css" />

　あとは、CSSで絵文字を表示したい要素のフォントに「Jdecked Twemoji」を指定するだけ！

　しかも、Webブラウザーが「COLRv1」に対応していれば、645KBのコンパクトサイズでありながらカラフルな絵文字表現が可能に。「Chrome 98」「Firefox 107」以降であれば使えるので、たいていのWebブラウザーならば大丈夫です。未対応の場合も約1.8MBのSVGベース版へフォールバック（切り替え）されるため、表示が破綻する心配はあまりないでしょう。

　このフォントは旧「Twitter」が2014年に公開したオープンソース絵文字ライブラリ「Twemoji」（現在も「X」のWeb版などで使われているが、保守はコミュニティで継続されている）をベースとしています。「Twemoji」はコードのライセンスが「MIT」で、ベースとなる絵文字画像は「CC BY 4.0」で提供されています。外国語学習サイト「Nyan-8」でも活用されているとのことです。

Amazonで購入