Auf dieser Seite: [ausblenden]
Font Awesome für WordPress ist ein beliebtes Icon-Set, das häufig von Website-Eigentümern verwendet wird, um zusätzliche Designelemente hinzuzufügen. Es wird häufig verwendet, da es extrem einfach zu bedienen ist und mehrere praktische Symbole enthält. In einigen Fällen kann es jedoch zu Problemen bei der Verwendung kommen - in Fällen, in denen die Symbole nicht sichtbar sind. Unser Artikel hilft WordPress-Besitzern, Probleme mit Font Awesome zu beheben.
Was sind die Font Awesome Icons für WordPress
Font Awesome ist eine beliebte Sammlung von Vektor-Icons, Social-Media-Bilder und andere Design-Assets, die problemlos in gängige Content-Management-Systeme und Toolkits für Website-Entwickler integriert werden können. Es enthält die verschiedenen Sätze, die Elemente in allen häufig verwendeten Kategorien enthalten.
Im Moment die aktuelle Version von Font Awesome ist 5.12.1 welches besteht aus 1,557 Symbole in der kostenlosen Version. Da ist ein kostenpflichtige Versionen, die hinzufügen 7,722 zusätzliche Symbole. Im Rahmen der kostenpflichtigen Version aufgerufen Font Awesome Pro Die Website-Eigentümer können auch a Duotone-Thema - Die Symbole erben die Grundfarbe des Projekts oder werden durch Eingabe benutzerdefinierter Werte eingefärbt.
Jedes einzelne Symbol und Symbol wird nach strengen Richtlinien und Standards gestaltet. Font Awesome-Symbole können entweder direkt eingefügt oder durch Angabe der Größe angepasst werden, Stil und Rotation, zusammen mit Animationen. Eingefügte Symbole sind auch mit den Eingabehilfen von Webbrowsern kompatibel, damit sie korrekt gerendert werden.
Font Awesome zeigt keine grundlegenden Überprüfungen an
Es gibt mehrere grundlegende Gründe, warum ein eingefügtes Font Awesome-Symbol nicht angezeigt wird. Immer Stellen Sie sicher, dass die neueste Version des Sets verwendet wird - Anweisungen für die SVG- und die CSS-Version finden Sie auf der offiziellen FA-Website. Schriftart Fantastische Symbole und Symbole können entweder verknüpft werden, Wird von einem benutzerdefinierten Server bereitgestellt oder über ein Content Delivery-Netzwerk bereitgestellt (CDN). Die Websitebesitzer müssen je nach Art der Implementierung den neuesten Code festlegen.
Beim Einfügen in HTML-Seiten werden die Symbolsätze möglicherweise nicht angezeigt, wenn der Code nicht dem offiziellen Standard entspricht. Websitebesitzer können mithilfe von überprüfen, ob dies der Fall ist offizieller W3C Markup Validator. Ein WordPress-spezifisches Problem ist, wenn verschiedene designbezogene Erweiterungen installiert werden. Ältere Versionen rufen möglicherweise inkompatible Font Awesome-Versionen auf oder blockieren das ordnungsgemäße Laden der Symbolsätze. Dies wird auch auf verschiedene JavaScript- oder benutzerdefinierte CSS-Bibliotheken erweitert, die die einzelnen Eigenschaften der eingefügten Symbol-Tags überschreiben.
Es gibt einige clientseitige Probleme Dies kann vermutet werden, wenn keine Font Awesome-Symbole geladen werden - Adblocking-Erweiterungen, Plugins, Antivirenprogramme und etc.. Manchmal enthält ihre Konfiguration großartige Schriftarten und andere Designelemente in einer schwarzen Liste, die ihre ordnungsgemäße Anzeige verhindern.
Denken Sie daran, dass es gibt ein offizielles Font Awesome Plugin verfügbar, wodurch es sehr einfach ist, die Assets in eine bestimmte Site zu integrieren.
Font Awesome Code Fixes
Es gibt mehrere einfache Codekorrekturen, die implementiert werden können, wenn keine der oben genannten Methoden funktioniert. Websitebesitzer müssen Stellen Sie sicher, dass es gibt 2 Klassen zur Verfügung in ihrem HTML-Code - der erste ist der fa Klasse und die zweite ist diejenige, die den Typ des gewünschten Symbols identifiziert. Ein Beispiel ist das folgende:
<i class = "fa fa-search"></ich>
Beim Posten von Links zum CSS-Code müssen die Administratoren sicherstellen, dass die richtige Linkstruktur verwendet wird, Ein Beispielcode ist der folgende:
link href = & quot; http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css
Eine globale Korrektur für großartige Schriftarten, die versucht werden kann, ist die Aufnahme des Codes "Font Awesome" in den Fußzeilenbereich von WordPress:
<?php wp_footer(); ?>
<link href = & quot; https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" rel = & quot; Stylesheet & quot;>
</Körper>