web-dev-qa-db-ja.com

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

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

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

Chrome： enter image description here

Firefox： enter image description here

google-chrome18.04emoji
20
N3dst4

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

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

13
gertvdijk

私はそれを修正しました-私は これらの指示 2016年から????に従う必要がありました????次のテキストで~/.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の一部としてインストールされるため、Notoフォントのインストールに関する最初の指示の一部は不要でした。

次に実行します：

fc-cache -f -v

次回の再起動時に、Chromeには色の絵文字が付きます。

28
N3dst4

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

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

    Sudo apt install fonts-noto-color-emoji

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

    • 注：@ 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でレンダリングされたため、パッケージfonts-twemoji-svginotをアンインストールする必要がありました。
    • フォント設定ファイルでもっと遊ぶ場合は、フォントをアンインストールする必要はないかもしれませんが、私はそれをテストしていません。
    • フォントキャッシュを再構築し、フォントをアンインストールした後にchromeを再起動することを忘れないでください。

ところで、これも修正されました Zalgo text 私にとって。

2
Jiří Kuneš

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

代わりに https://unicode.org/emoji/charts/full-emoji-list.html を使用してください

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

0
Jeremy Bicha