Font Awesome wird im Internet Explorer 8 nicht angezeigt

StackOverflow https://stackoverflow.com//questions/12680446

  •  12-12-2019
  •  | 
  •  

Frage

Wir haben kürzlich eine Website entwickelt, bei deren Gestaltung wir uns stark auf Font Awesome verlassen.Wir verwenden die Standardimplementierung mit before:content und dem mitgelieferten CSS.

Aus irgendeinem Grund wird Font Awesome im IE8 nicht angezeigt.Ich habe einige Stunden damit verbracht, Fehler zu beheben und verschiedene Lösungen auszuprobieren, ohne Erfolg.

Ich habe:

  • Legen Sie den Mimetyp von EOT auf application/vnd.ms-fontobject fest
  • Legen Sie den Mimetyp von OTF, TTF auf application/octet-stream fest
  • HTML5Shiv wurde ausgeführt, nachdem das gesamte CSS geladen wurde.
  • Verschiedene Versuche, das CSS oder DOM beim Laden der Seite neu zu laden

Hier ist die Website: http://www.tetakere.org.nz - Die Hotlinks-Box ist ein gutes Beispiel für Font Awesome

Hat jemand Ideen zu anderen Ansätzen, um auf dieser Website Font Awesome anzuzeigen?

War es hilfreich?

Lösung

Nach einiger mühsamer Fehlerbehebung habe ich es endlich geschafft.

Die Lösung bestand darin, das Laden von HTML5Shiv aus dem zu verschieben <head> Abschnitt bis kurz vor dem </body> Etikett.

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>

Andere Tipps

Ich weiß, dass dies eine ältere Frage ist, aber ich hatte viele Probleme mit diesem Problem, und keine dieser Antworten hat außer dem letzten geholfen.

den Kopf geändert ...

Was für mich funktionierte: generasacodicetagpre.

Dies funktionierte auch (letzte Antwort, auf die ich mich erwähnt habe): generasacodicetagpre.

Ich lese auch ( zwinge dh KompatibilitätsmodusMit Tags ), mit denen Sie dieses Meta-Tag über alle anderen Meta-Tags und vor jeder bedingten, dh-Anweisungen setzen sollten;Andernfalls wird das Meta-Tag ungültig.

Ich brauchte nicht HTML5SHIV, um FontaWesome in IE8 zu arbeiten. Diese Antwort (Erstellen der .eot-Datei und ersetzen der alten) löste mein Problem.

Ich habe alles versucht, meine Apache-Konfiguration zu modifizieren, und .htaccess-Dateien ohne Glück.In den IE-Entwicklungswerkzeugen stolperte ich auf "Dokumentmodus" und der Standardwert war IE7.Nach einiger Recherche fand ich dieses Meta-Tag: generasacodicetagpre.

Jetzt, dh 10 und 9, formatieren Sie meine Website korrekt und zeigen Sie alle fächer fantastischen Symbole richtig an.

Wenn Sie immer noch möchten, dh 8 Compat, dann könnten Sie damit beginnen: generasacodicetagpre.

hoffe das hilft ...

    .
  1. das hinzugefügt, um Htaccess hinzugefügt."Browsermatchsie Best-Standards-Support-Header-Set X-UA-kompatibel IE= 8 SEV= Best-Standards-Support"
  2. versucht, EOT-Schriftart umzusetzen
  3. doc-Kompaktizitätsmodus Chnage
  4. Versuchte USLEEP-Funktion
  5. setInterval js
  6. Fügen Sie Google HTML5-Skript
  7. Rufen Sie CSS im Körperteil auf IE8 an
  8. Daten-Symbol-Klasse hinzufügen
  9. ad pseudoelemente js
  10. Hinzufügen von PNG & SVG-Filter in CSS
  11. Schriftart-Typ-Berechtigung im Server

    funktioniert aber endlich, wenn hinzugefügt

    .Sass und. Under css

    Dateien

    glückliche Codierung

Wenn Sie IE8 verwenden, ist es erforderlich, das Skript HTML5.js hinzuzufügen, z. B.: generasacodicetagpre.

es funktioniert für mich, ich bin sicher, dass es funktionieren wird.Referenzlinks https://github.com/ortawesome/font-Awesome / Wiki / Fehlerbehebung # Internet-Explorer-Kompatibilitätsmodus

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top