18.04: les emoji couleur n'apparaissent pas du tout dans Chrome, seulement partiellement dans Firefox

J'ai effectué une mise à niveau du 17.10 au 18.04 et espérais avoir un meilleur support des emoji. Les résultats sont que Chrome (66) utilise encore le vieux noir et blanc font emoji et Firefox (59) parvient à montrer une emoji de couleur , mais pas d' autres. J'ai pris quelques conseils pour installer la police EmojiOne mais cela n'a pas semblé aider 😓

Captures d'écran de la page de démonstration d'emoji sur http://eosrei.github.io/emojione-color-font/full-demo.html :

Chrome:

Firefox:

Sur Ubuntu 18.04+ vous pouvez simplement installer un seul paquet: fonts-noto-color-emoji. Après cela, redémarrez Chrome et cela prendra effet. Pas besoin de créer une configuration de police manuelle.

^{Ce paquet est censé être installé sur la version de bureau Ubuntu 18.04+ (sur un niveau de dépendance «recommandé» - vérifiez par vous-même avec apt rdepends fonts-noto-color-emoji). Certaines autres versions comme Kubuntu (KDE) n'en ont pas par défaut et vous obligent à l'installer manuellement.}

Je l'ai corrigé - j'ai dû suivre ces instructions à partir de 2016 😧 J'ai dû créer ~/.config/fontconfig/conf.d/01-emoji.confavec le texte suivant:

<?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>

Le bit dans les instructions d'origine sur l'installation de la police Noto n'était pas nécessaire car il est installé par défaut dans 18.04.

Exécutez ensuite:

fc-cache -f -v

Au prochain redémarrage, Chrome a des emoji couleur.

Il semble que ce problème puisse être dû à l'installation de plusieurs polices emoji incompatibles et / ou à la sélection d'une police par défaut incorrecte dans Chrome.

1. Assurez-vous que le fonts-noto-color-emojipackage est installé.

   sudo apt install fonts-noto-color-emoji
   

2. Créez / éditez des fichiers de configuration de police comme dans la réponse de @ N3dst4 .

   • Remarque: Alors que @ N3dst4 a mis son fichier de configuration ~/.config/fontconfig/conf.d/01-emoji.conf, je l'ai mis en ~/.config/font-manager/local.confraison de la configuration de mon système.

   <?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. Définissez les polices par défaut dans Chrome sur des variantes de "Noto".

4. Reconstruisez le cache des polices + redémarrez Chrome.

   fc-cache -f -v
   

5. Si les emojis ne s'affichent toujours pas correctement, voyez quelles polices sont utilisées pour les rendre right click on emoji -> Inspect -> Computed -> Rendered Fontset désinstallez-les.

   • Exemple: Mes emojis ont été rendus par police Twitter Color Emoji, j'ai donc dû désinstaller le package fonts-twemoji-svginot.
   • Vous n'aurez peut-être pas besoin de désinstaller les polices si vous jouez davantage avec les fichiers de configuration des polices, mais je ne l'ai pas testé.
   • N'oubliez pas de reconstruire le cache des polices + de redémarrer Chrome après avoir désinstallé les polices.

BTW cela a également corrigé le texte Zalgo pour moi.

N'utilisez pas cette page de démonstration pour tester les emoji en couleur. Cette page ne montre que la police EmojiOne qui n'est pas installée par défaut dans Ubuntu (bien que Firefox en utilise une variante).

Utilisez plutôt https://unicode.org/emoji/charts/full-emoji-list.html

Regardez la colonne Navigateur. Dans Ubuntu par défaut, il devrait principalement correspondre à la colonne Google. (À l'exception de la colonne Navigateur, toutes les autres colonnes ne sont que des .pngicônes). Lorsque j'ai testé aujourd'hui, la colonne Google est juste un peu obsolète, car Google a apporté des modifications à certains de leurs emoji qui n'ont pas été intégrés au site Web. (Par exemple, le hamburger a du fromage sur le hamburger.)