18.04: emoji warna tidak muncul sama sekali di Chrome, hanya sebagian di Firefox

Saya telah meningkatkan dari 17,10 menjadi 18,04 dan berharap mendapat dukungan emoji yang lebih baik. Hasilnya adalah Chrome (66) masih menggunakan font emoji hitam putih tua, dan Firefox (59) mengelola untuk menunjukkan beberapa emoji warna tetapi tidak yang lain. Saya mengambil beberapa saran untuk menginstal font EmojiOne tapi itu sepertinya tidak membantu 😓

Cuplikan layar dari halaman demo emoji di http://eosrei.github.io/emojione-color-font/full-demo.html :

Chrome:

Firefox:

Pada Ubuntu 18.04+ Anda sekarang dapat hanya menginstal satu paket: fonts-noto-color-emoji. Setelah itu, mulai ulang Chrome dan itu akan berlaku. Tidak perlu membuat konfigurasi font manual.

^{Paket ini seharusnya diinstal pada rasa desktop Ubuntu 18.04+ biasa (pada tingkat ketergantungan yang 'Direkomendasikan' - cek sendiri apt rdepends fonts-noto-color-emoji). Beberapa rasa lain seperti Kubuntu (KDE) tidak memiliki ini secara default dan mengharuskan Anda untuk menginstalnya secara manual.}

Saya memperbaikinya - saya harus mengikuti instruksi ini dari 2016 😧 Saya harus membuat ~/.config/fontconfig/conf.d/01-emoji.confdengan teks berikut:

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

Bit dalam instruksi asli tentang menginstal font Noto tidak perlu karena itu diinstal sebagai bagian dari 18,04 secara default.

Lalu lari:

fc-cache -f -v

Pada restart berikutnya, Chrome memiliki emoji warna.

Tampaknya masalah ini dapat disebabkan oleh menginstal beberapa font emoji yang tidak kompatibel, dan / atau salah memilih font default di Chrome.

1. Pastikan Anda telah fonts-noto-color-emojimenginstal paket.

   sudo apt install fonts-noto-color-emoji
   

2. Buat / Edit file konfigurasi font seperti pada jawaban @ N3dst4 .

   • Catatan: Ketika @ N3dst4 memasukkan file config-nya ~/.config/fontconfig/conf.d/01-emoji.conf, saya memasukkannya ~/.config/font-manager/local.confkarena cara sistem saya diatur.

   <?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. Setel font default di Chrome ke variasi "Noto".

4. Bangun kembali cache font + restart chrome.

   fc-cache -f -v
   

5. Jika emoji masih belum ditampilkan dengan benar, lihat font apa yang digunakan untuk merendernya right click on emoji -> Inspect -> Computed -> Rendered Fontsdan mencopotnya.

   • Contoh: Emoji saya diberikan oleh font Twitter Color Emoji, jadi saya harus mencopot paket fonts-twemoji-svginot.
   • Anda mungkin tidak perlu mencopot pemasangan font jika Anda bermain lebih banyak dengan file konfigurasi font, tetapi saya belum mengujinya.
   • Jangan lupa untuk membangun kembali font cache + restart chrome setelah menghapus instalan font.

BTW ini juga memperbaiki teks Zalgo untuk saya.

Jangan gunakan halaman demo itu untuk menguji emoji warna. Halaman itu hanya menunjukkan font EmojiOne yang tidak diinstal secara default di Ubuntu (walaupun Firefox menggunakan variasi itu).

Alih-alih gunakan https://unicode.org/emoji/charts/full-emoji-list.html

Lihatlah kolom Browser. Di Ubuntu default, sebagian besar harus cocok dengan kolom Google. (Kecuali kolom Browser, semua kolom lainnya hanya .pngikon). Ketika saya uji hari ini, kolom Google hanya sedikit kedaluwarsa karena Google telah membuat beberapa perubahan pada beberapa emoji mereka yang belum dimasukkan ke dalam situs web. (Misalnya, hamburger memiliki keju di atas burger.)