Wie verwende ich eine Emoji-Schriftart auf einer Website?

Ich habe Google's "Noto Color Emoji" Schriftart heruntergeladen, kann aber nicht funktionieren. Ich habe keine Probleme mit Schriften wie "Noto Sans Regular". Aber mit der "Noto Farbe Emoji" font erhalte ich die folgenden Fehler in Firefox (unter Windows 10):Wie verwende ich eine Emoji-Schriftart auf einer Website?

downloadable font: no supported glyph shapes table(s) present (font-family: "NotoColorEmoji" style:normal weight:normal stretch:normal src index:0) 
downloadable font: rejected by sanitizer (font-family: "NotoColorEmoji" style:normal weight:normal stretch:normal src index:0)

Es ist auch nicht mit Chrome, Internet Explorer und Edge-auf Windows 10 oder Firefox auf Ubuntu Linux arbeiten.

Dies ist mein Code:

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <style type="text/css"> 
     @font-face { 
      font-family: 'NotoColorEmoji'; 
      src: url('NotoColorEmoji.ttf') format('truetype'); 
     } 
    </style> 
</head> 

<body> 
    <span style="font-family: 'NotoColorEmoji'">Emojis: </span> 
</body>

Was mache ich falsch? Werden Emoji-Schriftarten anders verwendet?

Quelle

2016-10-05 John

Wo genau haben Sie die Schrift her? Bist du sicher, dass es für das Web geeignet ist? – deceze

Sie haben nur Problem mit Firefox? gewinnen, Mac? –

https://github.com/googlei18n/noto-emoji/issues/43 –

Farbfonts sind recht neu mit mehreren konkurrierenden Standards, die sich noch entwickeln und in gängigen Text-Bibliotheken implementiert werden (Opentype 1.8 wurde gerade mit einer anderen Farbvariante veröffentlicht).

Es ist unwahrscheinlich, dass sie heute funktionieren, außer in den allerletzten Vorschau-Browsern, und selbst dann ist die Unterstützung unterschiedlich und hängt vom zugrunde liegenden System ab, da Browser die Systemtext-Bibliotheken verwenden (mit verschiedenen Ebenen von Überschreibungen)).

Ältere Software erkennt die Opentype-Erweiterungen, die hinzugefügt wurden, um diese Schriftarten zu ermöglichen.

Schließlich ist Noto Color Emoji so ziemlich ein Prototyp, es ist wahrscheinlich, dass frühe Versionen nicht ganz konform sind mit dem, was später standardisiert wurde, und selbst wenn, wird sich die Art und Weise, wie die Farbschrift verwendet wird, immer noch entwickeln da Schrifthersteller und Schriftkäufer an Reife gewinnen.

Quelle

2016-10-07 13:12:07 nim

Farbe Schriftarten kommen, aber Sie müssen entweder:

alle Formate Farbe Implementieren in einer Schrift -> Ich weiß nicht, ob jemand es tut, aber die Schrift wäre (insgesamt 4!) riesig, und es sieht wirklich kompliziert aus und nicht empfehlenswert.
Erstellen Sie eine Schriftart für jedes Format und laden Sie sie unter bestimmten Bedingungen. -> Nicht empfohlen, da einige Formate Bitmap-basiert sind und keine Vektoren & Schriften können riesig sein (+ 20Mo).
Warte auf die Unterstützung von OpenType SVG-Format auf allen Plattformen.
Tun Sie es in Javascript wie
- Twemoji "Eine einfache Bibliothek, die Unterstützung auf allen Plattformen Standard Unicode Emojis zur Verfügung stellt."
- EmojiOne "EmojiOne ™ ist der offene Emoji-Standard."

Die neueste Lösung sieht die besten für jetzt eine Web-Nutzung!

Quelle

2016-11-30 18:56:31

EmojiOne ist nicht für kommerzielle Anwendungen frei. – AndroidDev

Wie verwende ich eine Emoji-Schriftart auf einer Website?

Antwort

Verwandte Themen