Manuelles Einfügen einer Schriftart mit HTML

Unterstützung
1

Hallo :slight_smile:
Ich versuche, die folgenden beiden Symbole :heart: und :white_check_mark: mit Hilfe von HTML hinzuzufügen.
Wie ich verstehe, sind dies Schriftarten von Font Awesome, also habe ich versucht, Folgendes einzufügen:

<i class="fa fa-heart-o"></i>

Dabei wird die Schriftart jedoch nicht angezeigt:

image

Es wird etwas mit der Größe 0x0 hinzugefügt. Wie fügt man die Schriftart korrekt hinzu?

2

Hast du versucht, ein benutzerdefiniertes CSS hinzuzufügen, um eine Größe zu erzwingen?

3

Warum nicht stattdessen das Unicode-Emoji verwenden?

4

Das ist das alte Format. Seit November 2018 verwenden wir für FontAwesome SVG-Icons; wir nutzen nun die SVG-Syntax anstelle der Font-Icon-Elemente i.

5

Ich habe es geschafft, es mit Unicode-Emojis zum Laufen zu bringen, aber ich vermute, dass dies keine Lösung ist, und zwar aus folgenden zwei Gründen:

  1. Konsistenz mit den anderen Emojis. Wenn ich beispielsweise beschließe, den Emoji-Typ von Windows 10 auf Apple zu ändern, müsste ich dies auch im Plugin anpassen.
  2. Ich bin mir nicht sicher, ob alte Browser diese Art von Schriftarten/Unicode unterstützen.

Aber ich denke, es ist besser als die Verwendung von SVG, wenn es um Effizienz geht.

Hättest du etwas dagegen, ein kleines Beispiel zu zeigen, wie man es verwendet?

6

Wenn Sie diese Icons zu einem Plugin hinzufügen, stehen Ihnen im Core-System Werkzeuge zur Verfügung, um sie sowohl in Ruby als auch in Ember zu verwenden. Weitere Informationen finden Sie unter Introducing Font Awesome 5 and SVG icons.