絵文字😇を含むテキストを表示する @font-face 設定（Unicode 10.0対応版）

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(

[tailtame]

2017。先月ヒント見てて気づいたけど ピリオド（.）+Winキーで絵文字キーボードあるんだぜ。「画像で表示されている絵文字はコピーができません。」これもわかるけど印象変わるんだよなぁ…みんな似せてきてるけど

[hirocueki]

MS Word 2016の Segoe-UI-Emoji を調べていたが膝まで浸かったところで沼を感じて引き返すなど

[kjtec]

絵文字

[oki448jp]

絵文字を含むテキストを表示するfont-family設定

[sakaki0214]

(・_・D フムフム

[glat_design]

気にすることはないと2、3年前は思っていたけど、時代ですね…！ /