Kreisen Sie mit Fragezeichen anstelle der Symbole von Font Awesome ein

Ich habe ein Problem, wenn ich versuche, fantastische Symbole für Schriftarten auf der WordPress-Website zu verwenden. Egal welches Symbol ich verwende, ich sehe nur einen blinkenden Kreis mit Fragezeichen. Hatte noch nie so ein Problem.
Screenshot mit Symbolen, die ich habe

In meinem Fall habe ich ein ungültiges Präfix für das Markensymbol geschrieben:

<i className="fa fa-instagram">

Anstatt von

<i className="fab fa-instagram">

Version 4 hatte nur ein Präfix – fa, aber ältere Versionen haben 4 Präfixe.

Siehe Upgrade-Hinweise: upgrade-von-4

Alles wurde hinzugefügt. Das Problem war jedoch das zweite Schriftart-ehrfürchtige Skript, das manuell hinzugefügt wurde. Nach dem Löschen verschwindet dieses Problem.

Es kann daran liegen, dass Sie nicht die neueste Version von Fontawesome verwenden. Aktualisieren Sie Ihre Version und versuchen Sie es erneut.

Kreis mit Fragezeichen ist a fehlende Symbolanzeige um beim Debuggen fehlender Symbole oder falsch geschriebener Symbolnamen zu helfen. Lesen Sie weiter https://fontawesome.com/how-to-use/with-the-api/setup/configuration#showmissingicons

Es bedeutet, dass FontAwesome korrekt installiert wurde, aber die Symbol, das Sie verwenden möchten, existiert nicht.

Wahrscheinlich versuchen Sie, den alten Klassennamen zu verwenden. Ab Version 5 verwendet FontAwesome neue Präfixe. Version 4 hatte nur ein Präfix – fa. Version 5 hat vier Präfixe, mit denen wir den Stil des Symbols festlegen können.

Beispiel:

<i class="fa fa-camera-retro"></i>  <!-- version 4's syntax -->
<i class="fas fa-camera-retro"></i> <!-- version 5's syntax -->

Lesen Sie mehr über das Upgrade von Version 4 auf:
https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4

Ich hatte das gleiche Problem (mit Fontawesome 5), bis mir klar wurde, dass ich nur Fontawesome CSS benutzte und auch ein JS verlinkte. Verwenden FA lokal (und das Herunterladen des vollständigen Pakets) löst die Probleme ebenfalls.

In meinem Fall; Das Problem war, dass das geladene FA-CSS eine andere Version als das JS war.

Stellen Sie sicher, dass sowohl FA CSS- als auch JS-Versionen übereinstimmen, um das Problem zu beheben.

Ich habe festgestellt, dass das Kopieren der Codes von der Font-Awesome-Site selten funktioniert. Habe es gerade gemacht – einschließlich des CDN-Codes, den sie mir gegeben haben, und hatte das gleiche Ergebnis eines blinkenden Ausrufezeichens. Das Ändern von weit zu fa hat es behoben. Schätze, sie verwalten ihre Website nicht sehr gut.