Warum werden meine Glyphicons in Bootstrap 3 nicht richtig angezeigt?

Fehlerbehebung bei fehlerhafter Glyphicon-Anzeige in Bootstrap 3

Bei Ihrer Migration von Bootstrap 2.3 zu Bootstrap 3 ist ein Problem aufgetreten, bei dem Glyphicon-Symbole nicht korrekt angezeigt werden. Dieses Problem tritt besonders häufig in Firefox auf.

Ursprung des Problems:

Das Problem ist auf ein Problem mit den Schriftartdateien zurückzuführen, die in der angepassten Version von Bootstrap enthalten sind. Diese Dateien sind beschädigt, was zu einer fehlerhaften Symbolanzeige führt.

Lösung:

Um dieses Problem zu beheben, können Sie die Schriftartdateien entweder manuell herunterladen und Ihre eigenen Dateien ersetzen oder einfach Verwenden Sie das CDN.

Handbuch herunterladen Option:

1. Besuchen Sie die folgenden Links, um die Schriftart herunterzuladen Dateien:

   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.s vg
   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff
   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf
   • https ://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot
2. Ersetzen die vorhandenen Schriftartdateien mit den heruntergeladenen in Ihrem Bootstrap-Installationsverzeichnis.
3. Führen Sie einen starken Neuladevorgang durch (STRG F5), um die Änderungen zu übernehmen.

CDN-Nutzungsoption:

Wenn Sie lieber das CDN verwenden möchten, müssen Sie die Schriftartdateien nicht manuell ersetzen. Fügen Sie einfach den folgenden CDN-Link in Ihren HTML-Code ein:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

Dadurch wird sichergestellt, dass die richtigen Schriftartdateien vom CDN geladen werden, wodurch das Problem mit der Symbolanzeige behoben wird.

Das obige ist der detaillierte Inhalt vonWarum werden meine Glyphicons in Bootstrap 3 nicht richtig angezeigt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!