18.04：Chromeで色の絵文字がまったく表示されず、Firefoxで部分的にしか表示されない

17.10から18.04にアップグレードしたので、絵文字のサポートが改善されることを望んでいました。結果として、Chrome（66）はまだ古い白黒の絵文字フォントを使用しており、Firefox（59）は一部の色の絵文字を表示しているが、他の絵文字は表示していません。フォントEmojiOneをインストールするためにいくつかのアドバイスを取りましたが、それは役に立たなかったようです😓

http://eosrei.github.io/emojione-color-font/full-demo.htmlの絵文字デモページのスクリーンショット：

クロム：

Firefox：

Ubuntu 18.04以降では、単一のパッケージを簡単にインストールできますfonts-noto-color-emoji。その後、Chromeを再起動すると有効になります。手動のフォント構成を作成する必要はありません。

^{このパッケージは、通常のUbuntu 18.04+デスクトップフレーバー（「推奨」レベルの依存関係-で確認してくださいapt rdepends fonts-noto-color-emoji）にインストールすることになっています。Kubuntu（KDE）のような他のフレーバーにはデフォルトではこれがなく、手動でインストールする必要があります。}

私はそれを修正しました- 2016年からこれらの指示に従わなければなりませんでしたfollowing私は~/.config/fontconfig/conf.d/01-emoji.conf次のテキストで作成しなければなりませんでした：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
  <alias>
    <family>serif</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>
  <alias>
    <family>sans-serif</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>
  <alias>
    <family>monospace</family>
    <prefer>
      <family>Noto Color Emoji</family>
    </prefer>
  </alias>
</fontconfig>

Notoフォントのインストールに関する最初の指示の一部は、デフォルトで18.04の一部としてインストールされるため、不要でした。

次に実行します：

fc-cache -f -v

次回の再起動時に、Chromeには色の絵文字が表示されます。

この問題は、互換性のない複数の絵文字フォントがインストールされているか、Chromeで間違ったデフォルトフォントが選択されているか、またはその両方が原因である可能性があります。

1. fonts-noto-color-emojiパッケージがインストールされていることを確認してください。

   sudo apt install fonts-noto-color-emoji
   

2. @ N3dst4の回答のように、フォント設定ファイルを作成/編集します。

   • 注：@ N3dst4は彼の設定ファイルを入力しますが~/.config/fontconfig/conf.d/01-emoji.conf、~/.config/font-manager/local.confシステムがどのように設定されているかを考慮して、私は入力しました。

   <?xml version="1.0" encoding="UTF-8"?>
   <!DOCTYPE fontconfig SYSTEM "fonts.dtd">
   <fontconfig>
     <alias>
       <family>serif</family>
       <prefer>
         <family>Noto Color Emoji</family>
       </prefer>
     </alias>
     <alias>
       <family>sans-serif</family>
       <prefer>
         <family>Noto Color Emoji</family>
       </prefer>
     </alias>
     <alias>
       <family>monospace</family>
       <prefer>
         <family>Noto Color Emoji</family>
       </prefer>
     </alias>
   </fontconfig>
   

3. Chromeのデフォルトのフォントを「Noto」のバリエーションに設定します。

4. フォントキャッシュを再構築し、Chromeを再起動します。

   fc-cache -f -v
   

5. それでも絵文字が正しく表示されない場合は、絵文字のレンダリングに使用されているフォントを確認し、それらをright click on emoji -> Inspect -> Computed -> Rendered Fontsアンインストールします。

   • 例：私の絵文字はフォントTwitter Color Emojiでレンダリングされたため、packageをアンインストールする必要がありましたfonts-twemoji-svginot。
   • フォント設定ファイルでもっと遊ぶ場合は、フォントをアンインストールする必要はないかもしれませんが、私はそれをテストしていません。
   • フォントキャッシュを再構築し、フォントをアンインストールした後にChromeを再起動することを忘れないでください。

ところで、これは私にとってZalgoのテキストも修正しました。

そのデモページを使用して色の絵文字をテストしないでください。このページは、UbuntuにデフォルトでインストールされていないEmojiOneフォントのみを示しています（Firefoxはそのバリエーションを使用しています）。

代わりにhttps://unicode.org/emoji/charts/full-emoji-list.htmlを使用します

ブラウザの列を見てください。デフォルトのUbuntuでは、ほとんどGoogleの列と一致するはずです。（ブラウザ列を除き、他のすべての列は単なる.pngアイコンです）。Googleが今日テストしたとき、GoogleはWebサイトに組み込まれていない絵文字の一部に変更を加えたため、Googleの列は少し古くなっています。（たとえば、ハンバーガーは、ハンバーガーの上にチーズがあります。）