Heim > Web-Frontend > CSS-Tutorial > Warum fehlen in My Font Awesome 5 Bitcoin-, Facebook- und Twitter-Symbole?

Warum fehlen in My Font Awesome 5 Bitcoin-, Facebook- und Twitter-Symbole?

Barbara Streisand
Freigeben: 2024-11-30 17:56:11
Original
601 Leute haben es durchsucht

Why Are My Font Awesome 5 Bitcoin, Facebook, and Twitter Icons Missing?

Font Awesome 5: Fehlerbehebung bei fehlenden Symbolen (Bitcoin, Facebook, Twitter)

In Font Awesome 5.0.8 und neueren Versionen sind bestimmte Symbole wie Bitcoin, Facebook , und Twitter werden aufgrund von Änderungen in der Klassenbenennung und der Stylesheet-Nutzung möglicherweise nicht korrekt gerendert.

Aktualisierte Klasse Namen

Ab Font Awesome 5.x wurden die Klassennamen für Markensymbole (z. B. Facebook, Twitter) von „fa“ in „fab“ geändert. Das bedeutet, dass Sie Ihren Code aktualisieren müssen, um diese neuen Klassennamen zu verwenden, wie zum Beispiel:

<i class="fab fa-btc"></i>  // Bitcoin icon
<i class="fab fa-facebook-f"></i>  // Facebook icon
Nach dem Login kopieren

Inclusion of Brands Stylesheet

Außerdem müssen Sie in Font Awesome 5.0.8 und höher dies tun Verwenden Sie sowohl die Stylesheets „fontawesome.css“ als auch „brands.css“. Das Stylesheet „brands.css“ enthält die Regeln für die Darstellung von Markensymbolen (z. B. Bitcoin, Facebook).

Um dieses Problem zu beheben, stellen Sie sicher, dass in Ihrem HTML-Code auf beide Stylesheets verwiesen wird:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/brands.css">
Nach dem Login kopieren

Durch die Aktualisierung der Klassennamen und die Einbindung des Stylesheets „brands.css“ können Sie sicherstellen, dass Symbole wie Bitcoin, Facebook und Twitter in Font Awesome korrekt dargestellt werden 5.

Das obige ist der detaillierte Inhalt vonWarum fehlen in My Font Awesome 5 Bitcoin-, Facebook- und Twitter-Symbole?. 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