Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Warum werden meine Glyphicons in Bootstrap 3 nicht richtig angezeigt?

Susan Sarandon
Freigeben: 2024-11-10 13:20:02
Original
951 Leute haben es durchsucht

Why Are My Glyphicons Not Displaying Properly in Bootstrap 3?

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">
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage