Es Begann Alles Mit Emoji: Farbe Typografie im Web

0
15

“Typografie im web ist in der einzelnen Farbe: Charaktere sind entweder schwarz oder rot, niemals schwarz und rot …Dann emoji-hit der Szene, wurde ein Teil von Unicode, und daher könnte sein, ausgedrückt durch die Zeichen — oder “Glyphen” font-Terminologie. Der smiley, schweben Geschäftsmann und den berüchtigten pile of poo wurde wahr Geschwister Buchstaben, zahlen und Satzzeichen.”

— Roel Nieskens

Mithilfe von emojis im code ist einfach. Gehen Sie zu emojipedia und kopieren und einfügen.

In HTML:

Oder im CSS:

Und JavaScript:

(Alternativ können Sie die emoji Sie mit einem Unicode-codepoint.)

Sie könnten jedoch ein problem…

Lost in translation: Emoji-Konsistenz problem

Die Vielfalt der emoji-Plattformen klingt nicht wie ein großes problem. Jedoch werden diese manchmal Radikale Unstimmigkeiten lassen Raum für drastische Missverständnisse. Infam, “grinsendes Gesicht mit lächelnden Augen” emoji endet mit einem schmerzverzerrten grimasse auf älteren Apple-Systemen.

Dies war so eine große Sache, dass sogar Die Washington Post darüber berichtet.

Harmlos und verspielt watergun emoji könnte zeigen sich als eine tödliche Waffe.

Mit freundlicher Genehmigung von Emojipedia.

Und wer weiß, wie viele Romanzen wurden zunichte gemacht durch die Google-skurril hairy Herz-emoji?

🤮Dies wurde inzwischen behoben, die von Google

Unicode standardisiert, was jedes emoji darstellen sollte, eine knappe Beschreibung, aber das visuelle design ist auf den verschiedenen Plattformen.

Farbe Schriftarten zur Rettung!

Die Lösung ist? Verwenden Sie ein emoji-schriftart. Adobe veröffentlicht eine schriftart namens EmojiOne und open-Source-Twemoji. Weitere werden wahrscheinlich Folgen.

@font-face {
font-family: ’emoji’;
src: url(’emojione-svg.woff2′)
format(‘woff2’);
}

Wenn ein Benutzer in ein HTML-input-oder textarea, werden Sie sehen, Ihrer Phantasie benutzerdefinierte emoji. ❤️

Eine Eingabe in Firefox.

Emoji fonts haben auch den Vorteil, dass die Pixel gesehen, in der skalierte raster-emoji. Wenn Sie geschehen, um wirklich große emoji, eine SVG-in-Opentype-Schrift ist eindeutig die überlegene Wahl.

Auf der linken Seite, ein standard-Apple-dogface emoji suchen pixelig. Auf der rechten, glatten SVG-in-Opentype-emoji-Zeichen aus Emojione und Twemoji, beziehungsweise. Unicode (rechts) deutlich ist nicht angegeben, Rasse!

Browser-Unterstützung

Verwirrend, Farbe, Schriften nicht ein standard, aber eher vier 🙄. OpenType ist das Schriftformat für das web. Wenn emoji Hinzugefügt wurden, unicode, die big Player erkannte, dass multi-color-Unterstützung Hinzugefügt werden müssen, um OpenType-in gewisser Weise. Verschiedene Unternehmen kam mit einer Vielfalt von Lösungen. Die Schriften sind immer noch .ttf, .woff oder .woff2 — intern aber Sie sind ein bisschen anders. Ich sammelte diese Unterstützung Tabelle mit einem tool namens Chromacheck:

Chrome
Safari
Edge
Firefox

SVG-in-Opentype

COLR/CPAL

SBIX

CBDT/CBLC

Wir haben gelernt, warum die Farbe Schriften erfunden wurden. Aber es ist nicht alles über emoji…

Buntes Alphabet

Gilbert schriftart

Farbe Schriftarten sind eine neue Technologie, so dass Sie nicht finden, viele Schriften zur Auswahl wie bisher. Wenn Sie möchten, versuchen Sie eine aus, ist kostenlos und open source, Bungee-von David Jonathan Ross ist eine gute Wahl.

Während einige Schriften liefern vollständige emoji-Unterstützung und andere bieten eine multicolor alphabet, die Zehn Mincho — eine kommerzielle schriftart von Adobe — nimmt eine andere Wende. In den Worten der marketing-material, die Schrift hält “eine kleine überraschung versteckt in der Glyphen.” Der 2,666 emoji in den Unicode-Standard, Zehn Mincho bietet einen sehr begrenzten Bereich in einem unverwechselbaren japanischen Stil.

Das liebenswerte benutzerdefinierte emoji-Satz von Zehn Mincho

Emoji-haben sich zu einem vorherrschenden Modus der menschlichen Kommunikation. Über 60 Millionen emoji verwendet werden, an jedem einzelnen Tag. Auf Messenger, die Zahl ist umso erstaunlicher, als sich auf fünf Milliarden Euro pro Tag. Wenn Sie bauen jede Art von messaging-app, immer emoji Recht, ist wirklich wichtig.