18.04: อิโมจิสีไม่แสดงเลยใน Chrome มีเพียงบางส่วนใน Firefox

ฉันอัปเกรดจาก 17.10 เป็น 18.04 และหวังว่าจะได้รับการสนับสนุนอิโมจิที่ดีขึ้น ผลลัพธ์คือ Chrome (66) ยังคงใช้แบบอักษรอิโมจิขาวดำและ Firefox (59) กำลังจัดการแสดงอีโมจิสีบางส่วนแต่ไม่ใช่แบบอื่น ๆ ฉันได้รับคำแนะนำในการติดตั้งฟอนต์ EmojiOne แต่ดูเหมือนจะไม่ช่วย help

ภาพหน้าจอจากหน้าสาธิตอิโมจิที่http://eosrei.github.io/emojione-color-font/full-demo.html :

โครเมียม:

Firefox:

บน Ubuntu 18.04+ fonts-noto-color-emojiตอนนี้คุณสามารถเพียงแค่ติดตั้งแพคเกจเดียว: หลังจากนั้นให้รีสตาร์ท Chrome และจะมีผล ไม่จำเป็นต้องสร้างการกำหนดค่าแบบอักษรด้วยตนเอง

^{แพ็คเกจนี้ควรได้รับการติดตั้งบนเดสก์ท็อปอูบุนตู 18.04+ ปกติ (ในระดับการพึ่งพา 'แนะนำ' - ตรวจสอบด้วยตัวเองapt rdepends fonts-noto-color-emoji) รสชาติอื่น ๆ เช่น Kubuntu (KDE) ไม่มีสิ่งนี้โดยค่าเริ่มต้นและคุณต้องติดตั้งด้วยตนเอง}

ฉันแก้ไขมัน - ฉันต้องทำตามคำแนะนำเหล่านี้ตั้งแต่ปี 2016 😧ฉันต้องสร้าง~/.config/fontconfig/conf.d/01-emoji.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>

บิตในคำแนะนำดั้งเดิมเกี่ยวกับการติดตั้งฟอนต์ Noto นั้นไม่จำเป็นเนื่องจากติดตั้งเป็นส่วนหนึ่งของ 18.04 โดยค่าเริ่มต้น

จากนั้นเรียกใช้:

fc-cache -f -v

ในการรีสตาร์ทครั้งถัดไป Chrome มีอิโมจิสี

ดูเหมือนว่าปัญหานี้อาจเกิดจากการติดตั้งแบบอักษรอิโมจิที่ไม่เข้ากันหลายตัวและ / หรือมีการเลือกแบบอักษรเริ่มต้นที่ไม่ถูกต้องใน Chrome

1. ตรวจสอบให้แน่ใจว่าคุณได้fonts-noto-color-emojiติดตั้งแพ็คเกจ

   sudo apt install fonts-noto-color-emoji
   

2. สร้าง / แก้ไข config ไฟล์ตัวอักษรในขณะ@ คำตอบของ

   • หมายเหตุ: ในขณะที่ @ N3dst4 ใส่ไฟล์ปรับแต่งของเขา~/.config/fontconfig/conf.d/01-emoji.confฉันใส่ของฉัน~/.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 เป็นรูปแบบต่างๆของ "Noto"

4. สร้างแบบอักษรแคชใหม่ + รีสตาร์ทโครเมี่ยม

   fc-cache -f -v
   

5. หาก emojis ยังคงแสดงไม่ถูกต้องให้ดูว่าแบบอักษรใดที่ใช้แสดงผลright click on emoji -> Inspect -> Computed -> Rendered Fontsและถอนการติดตั้ง

   • ตัวอย่าง: อิโมจิของฉันถูกแสดงโดยตัวอักษรดังนั้นฉันต้องการที่จะถอนการติดตั้งแพคเกจTwitter Color Emojifonts-twemoji-svginot
   • คุณอาจไม่จำเป็นต้องถอนการติดตั้งฟอนต์หากคุณเล่นมากขึ้นด้วยไฟล์ฟอนต์คอนฟิเกอเรชัน แต่ฉันไม่ได้ทดสอบ
   • อย่าลืมสร้างแคชฟอนต์ใหม่ + รีสตาร์ท Chrome หลังจากถอนการติดตั้งฟอนต์

BTW นี่ยังแก้ไขข้อความ Zalgoให้ฉันด้วย

อย่าใช้หน้าตัวอย่างนั้นเพื่อทดสอบอิโมจิสี หน้านั้นแสดงให้เห็นถึงแบบอักษร EmojiOne ซึ่งไม่ได้ติดตั้งเป็นค่าเริ่มต้นใน Ubuntu (แม้ว่า Firefox จะใช้รูปแบบที่เปลี่ยนแปลง)

ใช้https://unicode.org/emoji/charts/full-emoji-list.htmlแทน

ดูที่คอลัมน์เบราว์เซอร์ ในค่าเริ่มต้น Ubuntu มันควรตรงกับคอลัมน์ Google เป็นส่วนใหญ่ (ยกเว้นสำหรับคอลัมน์เบราว์เซอร์คอลัมน์อื่น ๆ ทั้งหมดเป็นเพียง.pngไอคอน) เมื่อฉันทดสอบในวันนี้คอลัมน์ Google ล้าสมัยเล็กน้อยเนื่องจาก Google ได้ทำการเปลี่ยนแปลงบางอย่างกับอิโมจิของพวกเขาที่ไม่ได้รวมอยู่ในเว็บไซต์ (ตัวอย่างเช่นแฮมเบอร์เกอร์มีชีสอยู่ด้านบนของเบอร์เกอร์)