Boootstrap glyphicons Firefox Probleme
Ich weiß, dass es viele andere ähnliche Probleme, aber meins scheint sich nicht zu erfüllen die Kriterien der anderen Fragen.
Meine Bootstrap 3 glyphicons arbeiten für alle browser außer Firefox. Auf Firefox, zeigen Sie, wie seltsame Symbole. Dieses problem ist bekannt beim servieren der glyphicons von einem CDN, aber das ist nicht mein Problem, denn ich verwende lokal gehostet font-Dateien. Auch ich habe bereits dafür gesorgt, dass meine Dateien sind nicht beschädigt.
Hier ist mein code.
<head>
<link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap-style.css" />
<link rel="stylesheet" type="text/css" media="all" href="/assets/css/style.css" />
</head>
Den code für die glyphicon:
<span class="glyphicon glyphicon-list-alt section-icon"></span>
Ich habe bereits dafür gesorgt, dass meine Dateien sind entsprechend angegangen und dafür gesorgt, klar, mein cache. Ich kann nicht sagen, was ich hier vermisst. Vorschläge?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hatte ich dieses Problem, aber der Dienst bootstrap css from CDN gelöst es für mich:
Firefox hat eine strenge Einstellung (diese), die verhindert, dass Ihre HTML-Datei den Zugriff auf Ihre web-Schriftarten aus dem Ordner nicht auf der Wurzel. Dies geschieht nur, wenn Sie lokal arbeiten und nicht von Dateien auf einem server. Sie eine änderung an einer Einstellung in Firefox anzeigen, die glyphicons, wenn Sie lokal entwickeln.
-öffnen Sie "about:config" in Ihrem Adressbuch in firefox
-Dann suchen Sie nach "Sicherheit.fileuri.strict_origin_policy" Eigenschaft und ändern Sie es von "true" auf "false".
(ignorieren Sie die Anführungszeichen natürlich)
Es brauchte eine Weile, um zu lösen diese ein und mein problem vielleicht anders sein als andere, da gibt es populäre Antworten gibt, die einfach nicht für mich arbeiten. Das ist, weil mein problem und der Lösung zu tun hat mit Amazon S3. Wenn Sie also mit S3, Lesen Sie weiter.
Das problem ist CORS (Cross-Origin Resource Sharing) - Konfiguration. Hier ist, wie es zu lösen:
Melden Sie sich in Ihrem S3 und öffnen Sie den Eimer, Sie haben das problem mit. Klicken Sie auf 'Eigenschaften' und dann 'Berechtigungen.' In der drop-down-klicken Sie auf " Bearbeiten CORS-Konfiguration.' Ein Fenster wird pop-up mit code in einer box, die aussieht wie diese:
Löschen Sie diese Zeile:
Speichern Sie es, und aktualisieren Sie Ihren Firefox-Seite. Ihre Symbole, sollten nun angezeigt werden!
Werfen Sie einen Blick auf diese links für weitere Informationen wie Sie mir geholfen hat, dieses Problem lösen: hier und hier und hier. Wenn jemand bieten kann, mehr Einblick in, warum das funktioniert, bitte tun!