Ich kann diese Zeichen als farbige Symbole sehen:

🌍🌎🌏✅️

Es funktioniert nur in Firefox für mich. Wenn Sie die Zeichen in Farbe nicht sehen können, sieht es auf meinem System so aus (es hängt wahrscheinlich von der Schriftart ab):

Ich kann sie sogar in Firebug- und Tab-Titeln sehen:

Und es gibt eine vollständige Datei von ihnen. Ich habe auch diese document.title-Animation mit ihnen gemacht, die zeigt, dass sie auch außerhalb von HTML funktionieren.

Was ist das?

Diese Zeichen sind Emojis, die von den Unicode-Standards erkannt werden, die definieren, was jedes Zeichen darstellt.

Das genaue Aussehen ist für jedes Betriebssystem und jede Anwendung unterschiedlich, aber alle zeigen dasselbe.

Der Globus (🌏) ist ein Unicode-Zeichen 1F30Fund heißt EARTH GLOBE ASIA-AUSTRALIA . Die zweite (✅) heißt WHITE HEAVY CHECK MARK und ist Unicode 2705.

Auf diese Weise gibt es Tausende von Emojis, von denen einige von jeder Anwendung und andere von weniger unterstützt werden. Die vollständige Liste finden Sie hier http://www.fileformat.info/info/emoji/browsertest.htm

Firefox verwendet eine spezielle Schriftart für diese Emoji-Zeichen . Es verwendet eine relativ neue und ansonsten selten verwendete Funktion von TrueType-Schriftarten: mehrschichtige Farbglyphen. Davon abgesehen (dh mit einer speziellen Schriftart mit vorgefärbten Glyphen) handelt es sich bei diesen Symbolen um normale Unicode-Zeichen.

Windows unterstützt diese farbigen Schriftarten nur in den Versionen 8.1 und höher. Daher installiert Firefox EmojiOne privat und verwendet in Windows 7 einen eigenen Schriftarten-Renderer. Dies erklärt auch, dass in den meisten anderen Anwendungen keine bunten Emoji-Symbole vorhanden sind.

Kurz gesagt : Firefox verwendet eine Schriftart, in der diese Symbole so aussehen, wie sie aussehen.

Diese Zeichen sind Teil des Unicode-Standards.

Unicode ist ein Industriestandard für die konsistente Codierung, Darstellung und Verarbeitung von Text, der in den meisten Schreibsystemen der Welt verwendet wird. Die neueste Version von Unicode wurde in Verbindung mit dem Universal Coded Character Set (UCS) -Standard entwickelt und als Unicode-Standard veröffentlicht. Sie enthält ein Repertoire von mehr als 128.000 Zeichen, das 135 moderne und historische Skripte sowie mehrere Symbolsätze abdeckt. -Wikipedia

Daher enthält Unicode im Gegensatz zu ASCII (das nur sehr wenige Zeichen enthält) mehrere Zeichensätze. Während jetzt standardisiert wurde, welcher Code welches Alphabet oder Symbol darstellen soll, gibt Unicode nicht genau an, wie das Symbol aussehen soll. Daher haben alle Betriebssysteme ihre eigenen Symbolgrafiken, um anders auszusehen. Dies kann beinhalten, dass einige farbig sind und andere nur Umrisse oder schwarz-weiß.

Es ist auch möglich, dass Schriftarten ihre eigenen Kunstwerke für diese Symbole haben, damit die Zeichen mit dem Gefühl der Anwendung mithalten können. Sogar innerhalb der Anwendung haben Sie möglicherweise unterschiedliche Seiten mit unterschiedlichen Bildsätzen. Auf diese Weise können Sie mit dem Charakter interagieren, wie Sie es sonst tun würden, aber es würde einfach anders aussehen.

Sie können sehen , wie genau Emoji (für 🌍🌎🌏, fahren Sie mit # 1483) buchen , auf verschiedenen Plattformen hier .

Diese Zeichen „Arbeit“ auf die gleiche Weise wie andere Zeichen, wie zum Beispiel a, ø, λ, ଶୁ, にund 晨, Arbeit. Zeichen werden durch eine abstrakte Zahl dargestellt, mit der eine verfügbare Schriftart zum Anzeigen des Zeichens ausgewählt und indiziert wird.

Auf Ihrem System scheint es , dass Firefox seine eigene Rendering tut, und hat Zugriff auf Fonts Glyphen für die Aufnahme 🌍, 🌎, 🌏und ✅️. Andere Anwendungen verwenden normalerweise die vom X-Server (oder einem vergleichbaren Programm) bereitgestellten Schriftarten. Beschränken Sie sich daher auf Schriftarten, auf die Sie Ihren Server installiert oder verwiesen haben (z. B. mit xset +fpoder ähnlich).

Mehrfarbige Schriften sind eine neue und noch recht experimentelle Entwicklung. Traditionell sind Schriftzeichen eine einzelne Farbe, die vor jedem Hintergrund erstellt werden kann.

Es ist in jedem Browser anders, dh Sie können Ihrer Website eine bestimmte Schriftart hinzufügen, die in diesen Emojis geladen wird . Zum Beispiel:

• FontAwesome
• EmojiSymbole
• Fontello
• OpenSansEmoji
• Wir ♥ iconFonts
• Emoji Icon Schriftart
• Google Noto Emojis

Dieser Beitrag über Grafikdesign Gibt es kostenlose Emoji-Schriftarten? könnte auch interessant sein. Ohne eine solche benutzerdefinierte Symbolschrift muss beachtet werden, dass Ihre Website in jedem Browser anders aussieht.

Dies sind nur Unicode-Zeichen, sodass alle Textfelder, die Unicode unterstützen, diese problemlos anzeigen können, sofern die Schriftart und die Glyphen auf dem System verfügbar sind. Das Aussehen und Verhalten der einzelnen Unicode-Zeichen hängt jedoch vom verwendeten Renderer und der verwendeten Schriftart ab.

Herkömmlicherweise werden Zeichen nur mit einer einzigen Farbe gefüllt. Farbige Emojis sind eine ziemlich neue Sache, daher variiert ihre Unterstützung von Plattform zu Plattform. Es wurden verschiedene Techniken zum Färben wie eingebettete PNGs, SVGs oder geschichtete Masken erfunden . Für alle ist jedoch ein neuer Renderer erforderlich, der in älteren Betriebssystemen nicht verfügbar war.

Aus diesem Grund hat Firefox seit Version 50.0 einen eigenen Renderer und eine eigene Schriftart zur Unterstützung von farbigem Emoji integriert. Sie finden es in den Release Notes

Geändert

Integriertes Emoji-Set für Betriebssysteme ohne native Emoji-Schriftarten hinzugefügt (Windows 8.0 und niedriger und Linux)

Die Schriftartdatei finden Sie in %FirefoxInstallDir%\fonts\EmojiOneMozilla.ttf