Font Awesome nicht im Browser

Ich entwickle eine Website für mein Projekt. Ich benutze Bootstrap und Font Awesome für Glyphicons, aber ich habe ein Problem. Wenn ich Font Awesome-Symbole verwende, werden einige Symbole nicht im Browser angezeigt, aber einige Symbole werden angezeigt. Z.B. "fa fa-user" wird nicht angezeigt. Es kommt wie eine kleine Kiste. Aber einige Symbole zeigen und ich verknüpfte die font-awesome-min.css in der Webseite.Font Awesome nicht im Browser

Siehe das Bild unten:

check out the signup fa icon

Quelle

2016-04-23 pratheek

Rechtsklick -> inspizieren Element -> gehe zu ":: vor" -> siehe "Inhalt" Regel dann sag mir, was dort geschrieben wird. – paolobasso

Das Problem, das ich am häufigsten erlebt, dass die *.woff2 Datei vom Server blockiert wurde. Ich vermute, das ist auch hier der Fall. Sehen Sie, ob Sie die Datei <font-awesome>/fonts/fontawesome-webfont.woff2 im Browser öffnen können. Wenn nicht, müssen Sie die Konfiguration des Webservers ändern.

Edit: Ich fand einen verwandten Beitrag, siehe hier: Proper MIME type for .woff2 fonts, die zweite Antwort zeigt, wie IIS zum Beispiel zu konfigurieren.

Quelle

2016-04-23 14:50:39 maraca

Es tut mir leid, dies zu tun, aber ich habe das * .woff2 Ding nicht verstanden. kannst du bitte ausarbeiten ?? – pratheek

Haben Sie den ersten Schritt abgeschlossen? Du hast das CSS aufgenommen, oder? Also benutze diese URL, aber anstatt '.../css/font-awesome.min.css' schreibst du' .../fonts/fontawesome-webfont.woff2', könntest du diese Datei im Browser öffnen/herunterladen erhalten Sie einen Fehler (fügen Sie einfach die URL in die Adresszeile ein und drücken Sie die Eingabetaste)? Wenn Sie einen Fehler erhalten, ist dies die richtige Antwort, andernfalls liegt das Problem woanders. – maraca

Es ist eine Einstellung in der Serverkonfiguration wie extensions> woff2> "als Datei dienen" ... oder Sie müssen eine Konfigurationsdatei bearbeiten ... hängt von Ihrer Umgebung ab. – maraca

Font Awesome nicht im Browser

Antwort

Verwandte Themen