Warum werden Bootstrap-Symbole lokal und online uneinheitlich geladen?

Inkonsistenzen beim Laden von Bootstrap-Symbolen: lokal vs. online

Diese Frage untersucht, warum Bootstrap-Symbole lokal geladen werden, dies jedoch nicht geschieht, wenn die Website geladen wird online gehostet. Der Benutzer zeigt ein HTML-Snippet an, in dem eine Schaltfläche mit einem Bootstrap-Glyphensymbol lokal korrekt angezeigt wird, bei der Bereitstellung unter Windows Azure jedoch mit einem falschen Präfix angezeigt wird.

Eine Untersuchung ergab, dass das Problem auf die verschiedenen Dateipfade zurückzuführen ist, die der Browser versucht um das Symbol zu laden. Lokal wird die Datei korrekt von /Content/fonts/glyphicons-halflings-regular.woff geladen, während online versucht wird, sie von /fonts/glyphicons-halflings-regular.woff zu laden.

Um dieses Problem zu beheben stellt der Benutzer fest, dass er Standard-Bootstrap-Dateien und eine identische Website-Konfiguration sowohl für lokale als auch für Online-Umgebungen verwendet. Sie stellen auch ihren CSS-Bündelungscode und ihre Dateistruktur bereit.

Die Lösung des Problems ergibt sich aus einem ähnlichen Problem, das bei MetroUI aufgetreten ist. Es wurde festgestellt, dass das Bündeln der CSS-Dateien den Mechanismus zum Laden von Schriftarten in Windows Azure stören kann.

Konkret verwies der ursprüngliche Bundle-Name auf das Verzeichnis /fonts im Stammverzeichnis der Anwendung, das nach dem Bündeln nicht mehr vorhanden war. Durch Ändern des Bundle-Namens, um die Dateistruktur genau widerzuspiegeln, wurde das Problem behoben und sichergestellt, dass der Browser Schriftarten sowohl lokal als auch online vom richtigen Speicherort geladen hat.

Das obige ist der detaillierte Inhalt vonWarum werden Bootstrap-Symbole lokal und online uneinheitlich geladen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!