18.04: Renkli emoji hiç görünmüyor, Chrome'da, yalnızca kısmen Firefox'ta

17.10'dan 18.04'e yükselttim ve daha iyi emoji desteğine sahip olmayı umuyordum. Sonuçlar Chrome'un (66) hala eski siyah beyaz emoji yazı tipini kullandığı ve Firefox'un (59) bazı renk emojileri gösterdiğini ancak diğerlerini göstermediğini gösteriyor . EmojiOne yazı tipini yüklemek için bazı tavsiyelerde bulundum ancak bu yardımcı olmadı.

Http://eosrei.github.io/emojione-color-font/full-demo.html adresindeki emoji demo sayfasındaki ekran görüntüleri :

Krom:

Firefox:

Ubuntu 18.04+ sitesinde artık sadece tek bir paket yükleyebilirsiniz: fonts-noto-color-emoji. Bundan sonra, Chrome'u yeniden başlattığınızda etkin olacaktır. Manuel bir yazı tipi yapılandırması oluşturmanıza gerek yok.

^{Bu paketin normal Ubuntu 18.04+ masaüstü lezzetine ('Önerilen' bir bağımlılık düzeyinde - kendiniz için kontrol edin apt rdepends fonts-noto-color-emoji) kurulmalıdır . Kubuntu (KDE) gibi bazı diğer tatlar varsayılan olarak buna sahip değildir ve manuel olarak kurmanızı gerektirir.}

Ben düzelttim - Ben takip etmek zorunda bu talimatları ı yaratmak zorunda 😧 2016 den ~/.config/fontconfig/conf.d/01-emoji.confaşağıdaki metni içeren:

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

Varsayılan olarak 18.04'ün bir parçası olarak yüklendiğinden, Noto fontunu yükleme hakkındaki orijinal talimatlardaki bit gerekli değildir.

O zaman koş:

fc-cache -f -v

Bir sonraki açılışta, Chrome'un renkli emojisi var.

Görünüşe göre bu sorun birden fazla uyumsuz emoji yazı tipi yüklü ve / veya Chrome'da yanlış varsayılan yazı tipi seçilmiş olabilir.

1. fonts-noto-color-emojiPaketin kurulu olduğundan emin olun .

   sudo apt install fonts-noto-color-emoji
   

2. Yazı tipi yapılandırma dosyalarını Oluştur / Düzenle @ N3dst4'ün yanıtındaki gibi .

   • Not: @ N3dst4 kendi config dosyasını koyarken, sistemimin kurulmasından dolayı ~/.config/fontconfig/conf.d/01-emoji.confbenim yerimi koydum ~/.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'daki varsayılan fontları "Noto" varyasyonlarına ayarlayın.

4. Yazı tipi önbelleğini yeniden oluştur + kromu yeniden başlat.

   fc-cache -f -v
   

5. Emojiler hala doğru görüntülenmiyorsa, bunları oluşturmak right click on emoji -> Inspect -> Computed -> Rendered Fontsve kaldırmak için hangi yazı tiplerinin kullanıldığını görün .

   • Örnek: Emojilerim font tarafından oluşturuldu Twitter Color Emoji, bu yüzden paketi kaldırmam gerekiyordu fonts-twemoji-svginot.
   • Yazı tipi yapılandırma dosyalarıyla daha fazla oynarsanız, yazı tiplerini kaldırmanız gerekmeyebilir, ancak bunu sınamadım.
   • Yazı tipi önbelleğini yeniden oluşturmayı ve yazı tiplerini kaldırdıktan sonra kromu yeniden başlatmayı unutmayın.

Btw bu da benim için zalgo metni düzeltildi .

Renkli emojiyi test etmek için o demo sayfasını kullanmayın. Bu sayfa yalnızca varsayılan olarak Ubuntu'da yüklü olmayan EmojiOne fontunu gösterir (Firefox'ta bunun bir varyasyonu kullanılmasına rağmen).

Bunun yerine https://unicode.org/emoji/charts/full-emoji-list.html kullanın

Tarayıcı sütununa bakın. Varsayılan Ubuntu'da, çoğunlukla Google sütunu ile eşleşmelidir. (Tarayıcı sütunu hariç, diğer tüm sütunlar sadece .pngsimgelerdir). Bugün test ettiğimde, Google sütunu Google’ın bazı emojilerinde web sitesine dahil edilmemiş bazı değişiklikler yaptığı için biraz eski. (Mesela, hamburgerde burger peyniri var.)