Font Awesome-Symbole werden nicht gerendert? Hier erfahren Sie, was Sie überprüfen sollten!

Fantastische Schriftsymbole werden nicht gerendert? Sehen Sie sich diese häufigen Korrekturen an

Es kann frustrierend sein, auf Ihrer Website fehlende Font Awesome-Symbole zu bemerken, obwohl die erforderlichen Dateien enthalten sind. Hier sind einige mögliche Lösungen:

1. CDN-Link überprüfen: Stellen Sie sicher, dass Sie den richtigen CDN-Link verwenden, um auf das Font Awesome-Stylesheet zu verweisen, z. B.:

<code class="css"><link 
  href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" 
  rel="stylesheet"  type='text/css'></code>

2. Überprüfen Sie die HTTPS-Nutzung: Wenn Ihre Seite HTTPS verwendet, stellen Sie sicher, dass Sie über HTTPS auf das CSS verlinken (ersetzen Sie http:// durch https://).
3. Werbeblocker deaktivieren: AdBlock Plus oder uBlock kann die Darstellung von Symbolen beeinträchtigen; Deaktivieren Sie sie und versuchen Sie es erneut.
4. Browser-Cache leeren:Setzen Sie den Cache Ihres Browsers für einen Neustart zurück (führen Sie in Chrome einen Hard-Cache-Reset durch, indem Sie lange auf die Schaltfläche „Neu laden“ klicken).
5. Stellen Sie sicher, dass die Schriftfamilie verwendet wird: oder Elemente müssen die FontAwesome-Schriftfamilie enthalten, z. B.:

<code class="html"><i class="fa fa-pencil" title="Edit"></i></code>

<code class="css">* {
  font-family: 'Josefin Sans', sans-serif !important;   
}</code>