Heim > Web-Frontend > CSS-Tutorial > Warum werden die Bitcoin- und Facebook-Symbole von My Font Awesome 5 nicht richtig angezeigt?

Warum werden die Bitcoin- und Facebook-Symbole von My Font Awesome 5 nicht richtig angezeigt?

Susan Sarandon
Freigeben: 2024-12-06 06:45:12
Original
600 Leute haben es durchsucht

Why Aren't My Font Awesome 5 Bitcoin and Facebook Icons Displaying Correctly?

Font Awesome 5 – Probleme beim Rendern bestimmter Symbole

Font Awesome Version 5.0.8 hat Änderungen in den Benennungskonventionen für Symbole und zusätzliches CSS eingeführt Anforderungen. Während das Rendern der meisten Symbole gleich bleibt, erfordern bestimmte Symbole wie Bitcoin und Facebook zusätzliche Schritte, um korrekt angezeigt zu werden.

Problem:

Bitcoin- und Facebook-Symbole können nicht in der Schriftart angezeigt werden Tolle Version 5.0.8.

Lösung:

Um dieses Problem zu beheben, werden die folgenden Änderungen vorgenommen sind notwendig:

  1. Fügen Sie das Stylesheet „brands.css“ ein:

Font Awesome 5 hat eine separate CSS-Datei namens „brands.css“ für eingeführt markenspezifische Symbole wie Bitcoin und Facebook. Stellen Sie sicher, dass Sie diese Datei in Ihr Projekt einbinden, indem Sie Folgendes hinzufügen:

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

In früheren Versionen von Font Awesome Markensymbole verwendeten das Präfix „fa-“, aber in Version 5 wurde dieses Präfix in „fab-“ geändert. Aktualisieren Sie die Namen Ihrer Symbolklassen entsprechend, zum Beispiel:

<i>
Nach dem Login kopieren
Nach dem Login kopieren

Wird:

<i>
Nach dem Login kopieren
Nach dem Login kopieren

Aktualisiertes Code-Snippet:




<i>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWarum werden die Bitcoin- und Facebook-Symbole von My Font Awesome 5 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