CSSで絵文字を表示するための @font-face 設定を紹介します。この方法はモダンな閲覧環境ではほぼ問題なく表示できます。またJavaScriptを使用して絵文字を画像に置換するタイプ(EmojiOne、Twemoji)と比較して、表示速度や利便性などの面で大きく有利です。 絵文字を含むテキストを表示する @font-face 設定(Unicode 10.0対応版) デモページもご覧ください。 以下のCSSを指定すると絵文字がきれいに表示されます。 @font-face { font-family: MyFontFamily; src: local("Hiragino Kaku Gothic ProN"), local("Meiryo"); } @font-face { font-family: MyFontFamily; font-weight: bold; src: local(
![絵文字😇を含むテキストを表示する @font-face 設定(Unicode 10.0対応版)](https://cdn-ak-scissors.b.st-hatena.com/image/square/3aea3049790773177fad99fdd8984a54ce88bef8/height=288;version=1;width=512/https%3A%2F%2Fnecomesi.jp%2Fblog%2Ftsmd%2Fwp-content%2Fuploads%2Fsites%2F3%2F2017%2F07%2Femoji.png)