18.04: Farb-Emoji wird in Chrome überhaupt nicht angezeigt, nur teilweise in Firefox

24

Ich habe ein Upgrade von 17.10 auf 18.04 durchgeführt und hatte gehofft, dass es eine bessere Emoji-Unterstützung gibt. Das Ergebnis ist, dass Chrome (66) immer noch die alte Schwarzweiß-Emoji-Schrift verwendet und Firefox (59) es schafft, einige Farb-Emoji anzuzeigen, andere jedoch nicht. Ich habe mir einige Ratschläge gegeben, um die Schrift EmojiOne zu installieren, aber das schien nicht zu helfen help

Screenshots von der Emoji-Demoseite unter http://eosrei.github.io/emojione-color-font/full-demo.html :

Chrom: Bildbeschreibung hier eingeben

Feuerfuchs: Bildbeschreibung hier eingeben

N3dst4
quelle

Antworten:

16

Auf Ubuntu 18.04+ können Sie jetzt einfach ein einzelnes Paket installieren: fonts-noto-color-emoji. Danach starten Sie Chrome neu und es wird wirksam. Es muss keine manuelle Schriftartkonfiguration erstellt werden.

Dieses Paket soll auf dem regulären Ubuntu 18.04+ -Desktop installiert werden (auf einer 'empfohlenen' Abhängigkeitsebene - überzeugen Sie sich selbst apt rdepends fonts-noto-color-emoji). Einige andere Versionen wie Kubuntu (KDE) haben dies nicht standardmäßig und erfordern, dass Sie es manuell installieren.

gertvdijk
quelle
3
Das hat bei mir nicht funktioniert. Ich verwende Ubuntu 18.04 mit Chrome v71 aus Googles offiziellem Repository. Die andere Antwort hat den Trick getan.
undercat unterstützt Monica
34

Ich habe es behoben - ich musste diese Anleitung ab 2016 befolgen 😧 Ich musste ~/.config/fontconfig/conf.d/01-emoji.confmit folgendem Text erstellen :

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

Das Bit in den ursprünglichen Anweisungen zur Installation der Noto-Schriftart war nicht erforderlich, da es standardmäßig als Teil von 18.04 installiert ist.

Dann renne:

fc-cache -f -v

Beim nächsten Neustart verfügt Chrome über Farbemojis.

N3dst4
quelle
-1, aus zwei Gründen: 1) Die lokale fontconfig wird in 18.04 nicht mehr benötigt. 2) "Die Installation der Noto-Schriftart war nicht erforderlich, da sie standardmäßig als Teil von 18.04 installiert wurde" ist nicht allgemein gültig. Ich habe eine vollständige KDE-Desktop-Installation und sie wurde überhaupt nicht installiert. Siehe auch meine Antwort .
gertvdijk
2
Wissen Sie, ob dies auch für Upgrades gilt? Ich spürte, dass meine Probleme möglicherweise mit einem Upgrade auf 17.10 zu tun hatten.
N3dst4
2
Ich benutze Kubuntu 18.04 und nach der Installation von The Noto Fonts hatte ich immer noch das gleiche Problem. Dies hat jedoch den Trick für mich getan. Leider bin ich mir nicht sicher, ob es die Konfigurationsdatei oder einfach der Aufruf von "fc-cache" war, der die Änderung verursacht hat. Vielleicht wurden beide gebraucht.
Andypotter
Dieses feste Emoji in Chrome hat sie aber leider in Anki gebrochen . 😞 Letztendlich musste ich es komplett zurücksetzen, um die Nebenwirkungen zu vermeiden.
undercat unterstützt Monica
2

Es scheint, dass dieses Problem dadurch verursacht werden kann, dass mehrere inkompatible Emoji-Schriftarten installiert sind und / oder in Chrome eine falsche Standardschriftart ausgewählt wurde.

  1. Stellen Sie sicher, dass Sie das fonts-noto-color-emojiPaket installiert haben.

    sudo apt install fonts-noto-color-emoji
    
  2. Erstellen / Bearbeiten von Font-Konfigurationsdateien gemäß der Antwort von @ N3dst4 .

    • Hinweis: Während @ N3dst4 seine Konfigurationsdatei hinzufügt, füge ~/.config/fontconfig/conf.d/01-emoji.confich meine hinzu, ~/.config/font-manager/local.confda mein System so eingerichtet ist.
    <?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. Stellen Sie in Chrome Standardschriftarten auf Variationen von "Noto" ein.

  4. Erstellen Sie den Font-Cache neu und starten Sie Chrome neu.

    fc-cache -f -v
    
  5. Wenn Emojis immer noch nicht korrekt angezeigt werden, überprüfen Sie, mit welchen Schriftarten sie gerendert werden, right click on emoji -> Inspect -> Computed -> Rendered Fontsund deinstallieren Sie sie.

    • Beispiel: Meine Emojis wurden nach Schriftart gerendert Twitter Color Emoji, daher musste das Paket deinstalliert werden fonts-twemoji-svginot.
    • Sie müssen Zeichensätze möglicherweise nicht deinstallieren, wenn Sie mehr mit Zeichensatzkonfigurationsdateien spielen, aber das habe ich nicht getestet.
    • Vergessen Sie nicht, den Font-Cache neu zu erstellen und Chrome nach der Deinstallation der Fonts neu zu starten.

Übrigens hat das auch den Zalgo-Text für mich korrigiert .

Jiří Kuneš
quelle
1

Verwenden Sie diese Demoseite nicht zum Testen von Farbemojis. Diese Seite zeigt nur die EmojiOne-Schriftart, die in Ubuntu nicht standardmäßig installiert ist (obwohl Firefox eine Variante davon verwendet).

Verwenden Sie stattdessen https://unicode.org/emoji/charts/full-emoji-list.html

Schauen Sie sich die Spalte Browser an. In Ubuntu sollte es normalerweise mit der Google-Spalte übereinstimmen. (Mit Ausnahme der Browser-Spalte sind alle anderen Spalten nur .pngSymbole). Als ich heute getestet habe, ist die Google-Spalte nur ein bisschen veraltet, da Google einige Änderungen an einigen ihrer Emoji vorgenommen hat, die nicht in die Website aufgenommen wurden. (Zum Beispiel hat der Hamburger Käse auf dem Burger.)

Jeremy Bicha
quelle
Fair genug, aber dies ist keine Antwort auf die ursprüngliche Frage - wie man Farbemojis in Chrome aktiviert.
Gertvdijk
@gertvdijk Color Emoji funktioniert in Google Chrome. Welche bestimmte Website verursacht bei Ihnen ein Problem?
Jeremy Bicha
Ok, ich sehe, dass Sie Ihr Problem behoben haben, indem Sie fonts-noto-color-emoji installiert haben. Ich habe versucht, dass jede Ubuntu 18.04 LTS-Version dieses Paket standardmäßig enthält, aber die Entwickler von Lubuntu und Kubuntu wollten es nicht.
Jeremy Bicha
@Jeremy_Bicha Ja, auf Kubuntu. Mein Punkt war jedoch, dass Ihre "Antwort" eher ein Kommentar zu der anderen Antwort auf die zu verwendende Testseite ist. Es beantwortet das Q / OP nicht wirklich .
Gertvdijk
Ihr Link ist irreführend, da er eine CSS-Regel für Schriftfamilien für die Spalte "Browser" enthält, die bestimmte Schriftarten wie "Noto Color Emoji" enthält. Die Mehrheit der Websites wird diese CSS-Regel nicht haben. Also für mich macht Emoji in Ordnung auf Ihrem Link mit dem fonts-noto-color-emojiinstallierten Paket, bis ich diese CSS-Regel deaktiviere, dann tun sie es nicht. Wenn ich ein Emoji aus Ihrem Link zu gedit oder einem Terminalfenster kopiere und einfüge, werden einige in Ordnung gerendert und andere nicht (z. B. U + 2603 ☃ funktioniert nicht, während U + 26C4 ⛄ funktioniert).
Abe Voelker