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'>
Nach dem Login kopieren
-
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>
Nach dem Login kopieren
-
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>
Nach dem Login kopieren
-
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!