目次
Noto Color Emoji (Google Font)
Google Font で使えます。
https://fonts.google.com/noto/specimen/Noto+Color+Emoji
以下のようなメリットがあります。
・デバイスごとの表示を無くすためにNOTO EMOJI 使う
・Google font のため、フォントの商用利用も可（※フォトショップだと動作重くなることがあるのでその点は注意）
・Google font のため、フォントの商用利用も可（※フォトショップだと動作重くなることがあるのでその点は注意）
Noto Color Emojiの使い方
１、他のフォントのようにGoogle Fontのサイトから、コピペして下記のコードをヘッド内に書く
<div class=”bgBox”><link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap” rel=”stylesheet”></div>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap” rel=”stylesheet”></div>
２、使いたい絵文字を以下サイトから探す
https://lets-emoji.com/emojisearch/
使いたい絵文字を検索する
テキスト＞コピー または HTMLコードをコピーします
エディットで以下のような表示
こんな感じの表示になります
