Warum fehlen die Markensymbole „My Font Awesome 5' (wie Bitcoin und Facebook)?

Font Awesome 5: Enthüllung der Geheimnisse fehlender Markensymbole

Im Bereich der Webentwicklung dienen Symbole als wesentliche visuelle Hinweise und verbessern die Qualität Benutzerengagement. Aber wenn es um Font Awesome 5 geht, stellen Benutzer fest, dass bestimmte Markensymbole, nämlich Bitcoin und Facebook, rätselhaft fehlen. Seien Sie versichert, dieser Artikel wird das fehlende Glied beleuchten und eine Lösung bieten, um diesen Symbolen wieder ihren rechtmäßigen Platz in Ihrem Design-Arsenal zu verschaffen.

Die Ursache: Einführung des Marken-CSS

Im Gegensatz zu früheren Versionen von Font Awesome führt Version 5 eine wesentliche Änderung bei der Einbindung von Markensymbolen ein. Diese Symbole sind jetzt in einer separaten CSS-Datei namens „brands.css“ untergebracht. Wenn diese zusätzliche Datei nicht eingebunden wird, kommt es zu den oben genannten fehlenden Symbolen.

Aktualisierung von Klassennamen: Anpassung an die neue Syntax

Zusätzlich zur Einbindung von „brands.css“ In der Datei müssen Sie sicherstellen, dass Ihre Klassennamen mit der neuen Font Awesome 5-Syntax auf dem neuesten Stand sind. Zuvor verwendeten Klassennamen sowohl für normale als auch für Markensymbole das Präfix „fa“. In Font Awesome 5 benötigen Markensymbole jetzt das Präfix „fab“.

Beispiel: Abrufen von Bitcoin- und Facebook-Symbolen

Um die korrekte Implementierung zu veranschaulichen, betrachten Sie den folgenden Ausschnitt :

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

<i>

Durch Einbindung der Dateien „brands.css“ und „fontawesome.css“. und wenn Sie sich an das Präfix „fab“ für Markensymbole halten, können Sie die Bitcoin- und Facebook-Symbole sicher in Ihrer Anwendung rendern.

Das obige ist der detaillierte Inhalt vonWarum fehlen die Markensymbole „My Font Awesome 5' (wie Bitcoin und Facebook)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!