18.04: le emoji a colori non appaiono affatto in Chrome, solo parzialmente in Firefox

Ho effettuato l'aggiornamento dal 17.10 al 18.04 e speravo di avere un supporto emoji migliore. I risultati sono che Chrome (66) sta ancora usando il vecchio carattere emoji in bianco e nero e Firefox (59) riesce a mostrare alcune emoji a colori ma non altre. Ho preso qualche consiglio per installare il carattere EmojiOne ma questo non sembra aiutare help

Schermate della pagina demo emoji su http://eosrei.github.io/emojione-color-font/full-demo.html :

Cromo:

Firefox:

Su Ubuntu 18.04+ è ora possibile semplicemente installare un singolo pacchetto: fonts-noto-color-emoji. Successivamente, riavvia Chrome e avrà effetto. Non è necessario creare una configurazione manuale dei caratteri.

^{Questo pacchetto dovrebbe essere installato sul normale desktop Ubuntu 18.04+ (su un livello di dipendenza "Consigliato" - controlla tu stesso con apt rdepends fonts-noto-color-emoji). Alcune altre versioni come Kubuntu (KDE) non dispongono di questo per impostazione predefinita e richiedono l'installazione manuale.}

L'ho risolto - ho dovuto seguire queste istruzioni dal 2016 😧 Ho dovuto creare ~/.config/fontconfig/conf.d/01-emoji.confcon il seguente testo:

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

Il bit nelle istruzioni originali sull'installazione del font Noto non era necessario poiché è installato come parte di 18.04 per impostazione predefinita.

Quindi eseguire:

fc-cache -f -v

Al prossimo riavvio, Chrome ha emoji a colori.

Sembra che questo problema possa essere causato dalla presenza di più caratteri emoji incompatibili installati e / o da un carattere predefinito errato selezionato in Chrome.

1. Assicurati di aver fonts-noto-color-emojiinstallato il pacchetto.

   sudo apt install fonts-noto-color-emoji
   

2. Crea / modifica i file di configurazione dei caratteri come nella risposta di @ N3dst4 .

   • Nota: Mentre @ N3dst4 inserisce il suo file di configurazione ~/.config/fontconfig/conf.d/01-emoji.conf, lo inserisco a ~/.config/font-manager/local.confcausa della configurazione del mio sistema.

   <?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. Imposta i caratteri predefiniti in Chrome su varianti di "Noto".

4. Ricostruisci la cache dei caratteri + riavvia Chrome.

   fc-cache -f -v
   

5. Se gli emoji non vengono ancora visualizzati correttamente, vedere quali caratteri vengono utilizzati per renderizzarli right click on emoji -> Inspect -> Computed -> Rendered Fontse disinstallarli.

   • Esempio: i miei emoji sono stati riprodotti per carattere Twitter Color Emoji, quindi ho dovuto disinstallare il pacchetto fonts-twemoji-svginot.
   • Potrebbe non essere necessario disinstallare i caratteri se si gioca di più con i file di configurazione dei caratteri, ma non l'ho provato.
   • Non dimenticare di ricostruire la cache dei caratteri + riavviare Chrome dopo aver disinstallato i caratteri.

A proposito, anche questo ha corretto il testo di Zalgo per me.

Non usare quella pagina demo per testare le emoji a colori. Quella pagina mostra solo il carattere EmojiOne che non è installato di default in Ubuntu (sebbene Firefox ne usi una variante).

Usa invece https://unicode.org/emoji/charts/full-emoji-list.html

Guarda la colonna Browser. In Ubuntu predefinito, dovrebbe corrispondere principalmente alla colonna di Google. (Ad eccezione della colonna Browser, tutte le altre colonne sono solo .pngicone). Quando ho testato oggi, la colonna di Google è solo un po 'obsoleta in quanto Google ha apportato alcune modifiche ad alcune delle loro emoji che non sono state incorporate nel sito Web. (Ad esempio, l'hamburger ha formaggio sopra l'hamburger.)