Auf einigen Websites werden einige Unicode-Zeichen mehrfarbig ohne sichtbares CSS in Chrome V8 und FF angezeigt: Wie wird das gemacht?

Siehe zum Beispiel: http://unicode.org/reports/tr18/#Individually_Named_Characters , wo die beiden „fremden“ Unicode-Zeichen zumindest in den neuesten Versionen von Chrome und FireFox in grüner Farbe erscheinen.

Derselbe Seitenabschnitt ist in MSIE Edge komplett schwarz-weiß - dort ist nichts fremdes Grün.

Die CSS/Seiten-Inspektion ergibt keine offensichtlichen Verdächtigen bei der Beantwortung, wie dies abgezogen wird. Wenn also jemand einen (oder zwei) Hinweis geben kann, wie dies reproduziert werden kann?

Die offensichtliche Google-Suche lieferte zip, nada, zilch, also schläft mein Google-Fu entweder in der Gosse oder ... jedenfalls kann ich mit meinen üblichen Methoden nicht finden, wie das gemacht wurde.

Antworten (1)

Die Wiedergabe von UTF-Emojis ist plattform-/anbieterspezifisch . Es gibt kein CSS oder andere Tricks. Verschiedene Anbieter (Apple, Google, Microsoft, Mozilla, Samsung usw.) haben sich einfach dafür entschieden, unterschiedliche Symbole für diese UTF-Zeichen bereitzustellen.

In Chrome auf einem Mac werden beispielsweise die beiden Alien-Charaktere, mit denen Sie verknüpft sind, nicht grün angezeigt. So sehen sie aus:

Beachten Sie, dass eine bestimmte Rendering-Engine Vorrang vor den Emojis des Host-Betriebssystems haben und ihre eigenen Symbole anzeigen kann. Dies ist höchstwahrscheinlich das, was Sie bei der Verwendung von MSIE Edge erlebt haben.

Emojipedia gibt Ihnen eine gute Vorstellung davon, wie jedes Emoji für jeden Anbieter aussieht.

Beispielsweise wird auf vielen Systemen das Unicode-Zeichen U+2764 HEAVY BLACK HEART (Hervorhebung von mir) hellrot dargestellt: ❤️