Probleme mit der Anzeige von Font Awesome-Symbolen: Lösung
Wenn Sie Probleme haben, bei denen Font Awesome-Symbole nicht auf Ihrer Website angezeigt werden, obwohl sie enthalten sind Wenn Sie die erforderlichen Dateien benötigen, beachten Sie die folgenden Tipps zur Fehlerbehebung:
-
CDN-Link überprüfen:Stellen Sie sicher, dass Sie einen korrekten Link zum CDN verwenden. Verwenden Sie zum Beispiel:
<link
href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css"
rel="stylesheet" type='text/css'>
-
Sichere Verbindung: Wenn Sie HTTPS verwenden, verlinken Sie auch über HTTPS auf das Font Awesome CSS.
- Werbeblocker deaktivieren: AdBlock Plus oder uBlock verhindern möglicherweise das Laden der Symbole. Deaktivieren Sie sie und versuchen Sie es erneut.
-
Browser-Cache zurücksetzen:Leeren Sie den Cache Ihres Browsers, um das Abrufen der neuesten Dateien zu erzwingen.
-
Schriftfamilie richtig verwenden: Das Element, das die Font Awesome-Klasse verwendet, muss zur FontAwesome-Schriftfamilie gehören. Es sollte sein:
<i class="fa fa-pencil" title="Edit"></i>
-
Schriftfamilienüberschreibung vermeiden: Stellen Sie sicher, dass Ihr CSS die FontAwesome-Schriftart nicht überschreibt:
<code class="css">* {
font-family: 'Josefin Sans', sans-serif !important;
}</code>
-
IE8-Kompatibilität: Wenn Sie IE8 verwenden, integrieren Sie einen HTML5-Shim.
-
Zusätzliche Fehlerbehebung: Weitere Informationen zur Fehlerbehebung finden Sie im Font Awesome Wiki Optionen.
Das obige ist der detaillierte Inhalt vonWarum werden die „My Font Awesome“-Symbole nicht angezeigt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme: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