Ich weiß, dass es viele andere ähnliche Probleme gibt, aber meines scheint keines der Kriterien der anderen Probleme zu erfüllen.
Meine Bootstrap 3 Glyphicons funktionieren für jeden Browser außer Firefox. In Firefox werden sie als seltsame Symbole angezeigt. Das gleiche Problem ist bekannt, wenn man die Glyphicons aus einem CDN bedient, aber das ist nicht mein Problem, da ich lokal gehostete Font-Dateien verwende. Außerdem habe ich bereits sichergestellt, dass meine Dateien nicht beschädigt sind.
Hier ist mein Code.
%Vor%Der Code für das Glyphon:
%Vor%Ich habe bereits sichergestellt, dass meine Dateien richtig adressiert sind und meinen Cache gelöscht haben. Ich kann nicht sagen, was ich hier vermisse. Vorschläge?
Ich hatte dieses Problem, aber die Bereitstellung von Bootstrap CSS von CDN löste es für mich:
%Vor%Firefox hat eine strenge Einstellung ( diese ), die verhindert, dass Ihre HTML-Datei auf Ihre zugreift Webfonts aus Ordnern, die nicht auf dem Stammverzeichnis liegen. Dies geschieht nur, wenn Sie lokal arbeiten und nicht von Dateien auf einem Server. Sie müssen eine Einstellung in Firefox ändern, um die Glyphicons anzuzeigen, wenn Sie sich lokal entwickeln.
-open "about: config" in Ihrer Adresse in Firefox
- Suchen Sie nach der Eigenschaft "security.fileuri.strict_origin_policy" und ändern Sie sie von "true" in "false". (Anführungszeichen natürlich ignorieren)
Es hat eine Weile gedauert, diesen zu lösen, und mein Problem könnte sich von den anderen unterscheiden, da es da draußen populäre Antworten gibt, die einfach nicht für mich funktionierten. Das liegt daran, dass mein Problem und meine Lösung mit Amazon S3 zu tun haben. Also, wenn Sie S3 verwenden, lesen Sie weiter.
Das Problem ist die CORS-Konfiguration (Cross-Origin Resource Sharing). Hier ist, wie Sie es lösen können:
Melde dich in deiner S3 an und öffne den Eimer, mit dem du das Problem hast. Klicken Sie auf "Eigenschaften" und dann auf "Berechtigungen". Klicken Sie im Dropdown-Menü auf "Bearbeiten der CORS-Konfiguration". Ein Fenster wird mit Code in einer Box angezeigt, die wie folgt aussieht:
%Vor%Löschen Sie diese Zeile:
%Vor%Speichere es und aktualisiere deine Firefox-Seite. Deine Icons sollten jetzt erscheinen!
Sehen Sie sich diese Links an, um weitere Informationen zu erhalten, da sie mir dabei geholfen haben: hier und hier und hier . Wenn jemand mehr Einblick geben kann, warum dies funktioniert, bitte tun!
Tags und Links firefox twitter-bootstrap glyphicons