2017-12-21 12 views
0

Ich sehe ein seltsames Verhalten mit der neuen fontAwesome 5; Einige Symbole scheinen ganz gut zu zeigen, und andere scheinen, als ob sie schlechte Unicode-Zeichen waren:Font Awesome 5 Einige schlechte Unicode-Zeichen

Bad FontAwesome 5 characters

Es scheint ein ähnliches Problem This SO post zu sein, außer, dass ich nicht bin mit Ruby-on-Rails. Ein weiterer Unterschied ist hier, dass ich versucht habe, den Fonts in fontawesome-all.css einen vollständigen Pfad (und nicht den relativen verwendeten Pfad) ohne Änderung hinzuzufügen.

Code:

<i class="far fa-chart-pie fa-fw" aria-hidden="true"></i> <!-- doesn't show --> 
<i class="far fa-id-card fa-fw" aria-hidden="true"></i> <!-- shows --> 

Verweis auf die CSS in <head>:

<link rel="stylesheet" href="/res/plugins/Font-Awesome/5.0.2/web-fonts-with-css/css/fontawesome-all.css"> 
+0

Ich empfehle, die fontawesome-all.min.css zu verwenden, um Daten zu speichern, die heruntergeladen werden müssen. Es ist derselbe Code, aber ohne Zeilenumbrüche oder Leerzeichen. – BO41

+0

Ich benutzte es, aber benutzte die nicht-min, wenn ich den vollständigen Pfad ausprobierte. – Snappawapa

Antwort

2

Ich nehme an, Sie keine Pro-Lizenz.

Um das reguläre Thema für den Chart-Pie zu verwenden, benötigen Sie die Pro-Lizenz, für die reguläre Version der ID-Karte nicht.

<i class="far fa-id-card"></i> 
<i class="fas fa-chart-pie"></i> 

Schauen Sie einfach auf der offiziellen Schrift ehrfürchtige Website unter https://fontawesome.com/icons und dann sehen, wenn Sie aus dem Menü auf der rechten Seite regelmäßig wählen können. Einige Symbole haben diese Option nicht kostenlos. Dort müssen Sie die "Fas" -Css-Klasse und nicht die "Fern" -Klasse verwenden.

+0

Dies scheint der Fall zu sein. FontAwesome scheint eine irreführende Suchfunktion zu haben, bei der es nicht offensichtlich ist, welchen Stil die Symbole in den Ergebnissen haben. Ich dachte, der "Chart-Pie" wäre ein kostenloser Standard, da er in einer "freien" Suche auftauchte, und es gab nichts zu sagen, dass er von einem bestimmten Stil war. – Snappawapa

+0

Offenbar muss man sich die Farbe der Icons genau anschauen. Wenn Sie den Mauszeiger bewegen, sehen Sie auch die "Pro" -Flagge. Aber ja, es könnte besser gemacht werden. Auch, dass einige Icons regelmäßig verfügbar sind und einige nur mit der Pro-Lizenz – BO41