18.04: biểu tượng cảm xúc màu hoàn toàn không hiển thị trong Chrome, chỉ một phần trong Firefox

Tôi đã nâng cấp từ 17.10 lên 18.04 và hy vọng sẽ có hỗ trợ biểu tượng cảm xúc tốt hơn. Kết quả là Chrome (66) vẫn đang sử dụng phông chữ biểu tượng cảm xúc đen trắng cũ và Firefox (59) đang quản lý để hiển thị một số biểu tượng cảm xúc màu chứ không phải các biểu tượng cảm xúc khác. Tôi đã thực hiện một số lời khuyên để cài đặt phông chữ EmojiOne nhưng điều đó dường như không giúp được

Ảnh chụp màn hình từ trang demo biểu tượng cảm xúc tại http://eosrei.github.io/emojione-color-font/full-demo.html :

Chrome:

Firefox:

Trên Ubuntu 18.04 trở lên, giờ đây bạn có thể chỉ cần cài đặt một gói duy nhất : fonts-noto-color-emoji. Sau đó, khởi động lại Chrome và nó sẽ có hiệu lực. Không cần tạo cấu hình phông chữ thủ công.

^{Gói này được cho là sẽ được cài đặt trên hương vị máy tính để bàn Ubuntu 18.04+ thông thường (ở mức độ phụ thuộc 'Được đề xuất' - hãy tự kiểm tra apt rdepends fonts-noto-color-emoji). Một số hương vị khác như Kubfox (KDE) không có điều này theo mặc định và yêu cầu bạn phải cài đặt thủ công.}

Tôi đã sửa nó - Tôi đã phải làm theo các hướng dẫn này từ năm 2016 Tôi phải tạo ~/.config/fontconfig/conf.d/01-emoji.confbằng văn bản sau:

<?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 trong hướng dẫn ban đầu về cài đặt phông chữ Noto là không cần thiết vì nó được cài đặt như một phần của 18.04 theo mặc định.

Sau đó chạy:

fc-cache -f -v

Trong lần khởi động lại tiếp theo, Chrome có biểu tượng cảm xúc màu.

Có vẻ như sự cố này có thể do cài đặt nhiều phông chữ biểu tượng cảm xúc không tương thích và / hoặc có phông chữ mặc định sai được chọn trong Chrome.

1. Hãy chắc chắn rằng bạn đã fonts-noto-color-emojicài đặt gói.

   sudo apt install fonts-noto-color-emoji
   

2. Tạo / Chỉnh sửa tập tin cấu hình phông chữ như trong câu trả lời của @ N3dst4 .

   • Lưu ý: Trong khi @ N3dst4 đặt tệp cấu hình của anh ấy vào ~/.config/fontconfig/conf.d/01-emoji.conf, tôi đặt tôi vào ~/.config/font-manager/local.confvì cách hệ thống của tôi được thiết lập.

   <?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. Đặt phông chữ mặc định trong Chrome thành các biến thể của "Noto".

4. Xây dựng lại bộ đệm phông chữ + khởi động lại chrome.

   fc-cache -f -v
   

5. Nếu biểu tượng cảm xúc vẫn không được hiển thị chính xác, hãy xem phông chữ nào được sử dụng để hiển thị chúng right click on emoji -> Inspect -> Computed -> Rendered Fontsvà gỡ cài đặt chúng.

   • Ví dụ: Biểu tượng cảm xúc của tôi được hiển thị bằng phông chữ Twitter Color Emoji, vì vậy tôi cần gỡ cài đặt gói fonts-twemoji-svginot.
   • Bạn có thể không cần gỡ cài đặt phông chữ nếu bạn chơi nhiều hơn với các tệp cấu hình phông chữ, nhưng tôi chưa kiểm tra điều đó.
   • Đừng quên xây dựng lại bộ đệm phông chữ + khởi động lại chrome sau khi gỡ cài đặt phông chữ.

BTW này cũng đã sửa văn bản Zalgo cho tôi.

Đừng sử dụng trang demo đó để kiểm tra biểu tượng cảm xúc màu. Trang đó chỉ thể hiện phông chữ EmojiOne không được cài đặt mặc định trong Ubuntu (mặc dù Firefox sử dụng một biến thể của nó).

Thay vào đó, hãy sử dụng https://unicode.org/emoji/charts/full-emoji-list.html

Nhìn vào cột Trình duyệt. Trong Ubuntu mặc định, nó hầu như phù hợp với cột Google. (Ngoại trừ cột Trình duyệt, tất cả các cột khác chỉ là .pngbiểu tượng). Khi tôi thử nghiệm ngày hôm nay, cột Google chỉ là một chút lỗi thời vì Google đã thực hiện một số thay đổi đối với một số biểu tượng cảm xúc của họ chưa được tích hợp vào trang web. (Ví dụ, bánh hamburger có phô mai trên đầu bánh burger.)