Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Warum werden die „My Font Awesome'-Symbole nicht angezeigt?

Patricia Arquette
Freigeben: 2024-10-30 11:08:29
Original
555 Leute haben es durchsucht

Why Aren't My Font Awesome Icons Showing Up?

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!

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!