Ich finde viele Fragen zu Problemen mit nicht angezeigten Icons von Awesome Font. Aber sie entsprachen nicht meinem spezifischen Problem.Font Awesome-Icons erscheinen nicht in IE11 Win7 und Shariff-Projekt von heise.de
Ich versuche auf meiner Website ein Projekt von heise.de, genannt Shariff, zu implementieren. Shariff ermöglicht Website-Nutzern, ihre Lieblingsinhalte in sozialen Netzwerken zu teilen, ohne ihre Privatsphäre zu beeinträchtigen. Um dies zu realisieren, werden nicht die üblichen Share- oder Like-Buttons von Facebook, Twitter etc. verwendet.
In diesem Projekt werden mit Awesome Font die bekannten Symbole von Facebook, Twitter etc. in der Nähe der Share-Buttons angezeigt. Die Awesome-Schriftart ist in der Datei shariff.css von @ font-face implementiert. Ich habe die Schrift v = 4.6.3 heruntergeladen und auf meinem Webspace installiert.
Beim Betrachten meiner Demo-Site mit iPhone/iPad (Safari) oder Chrome kann ich die Symbole von Facebook, Twitter, LinkedIn usw. sehen. Aber in IE11 nicht. Um herauszufinden, ob mein CSS einige Bugs hat, habe ich zum Beispiel das Twitter-Symbol durch einen normalen Charakter ersetzt :: Statt: .fa-twitter: vor {content: "\ f099"} habe ich benutzt: .fa- twitter: vor {content: "tw"}. Das funktioniert in IE11 und ich sah 'tw' vor dem Tweet-Button.
Ich suchte das Web in den letzten Tagen, um eine Lösung für dieses Problem in IE11 zu finden, kann aber nichts finden, das funktioniert.
Ich denke, es muss etwas in der shariff.css falsch sein, wo ich Awesome Schriftart über @ font-Face implementieren, aber ich kann den Fehler nicht finden. Also ich hoffe hier kann jemand helfen. Bitte sei nachsichtig mit mir, wenn es nur so etwas wie ein fehlender Platz, Klammer usw. ist. Ich bin blind und muss die CSS-Datei mit einem Voice-Synth lesen, das ist in diesem Fall ein bisschen schwierig.
Sie meinen Test-Site und die CSS finden Sie hier: http://www.sensitive-tiertherapie.de/test/index.htm http://www.sensitive-tiertherapie.de/test/css/shariff.css
Leider ist diese Website in Deutsch, aber wenn man auf den Grund dieser Website nach unten scrollen, können Sie die anteils Tasten.
Ich würde mich freuen, wenn jemand herausfinden könnte, warum es nicht so funktioniert, wie es sollte.
BTW: Ich hoffe, meine Frage wird in Ordnung angezeigt, weil die Handhabung dieser Website durch den Screenreader nicht sehr reibungslos ist.
Mit freundlichen Grüßen Michael
Es sieht gut aus: Siehe [this] (https://drive.google.com/file/d/0B5LejbIN6T8geGJfLTNiaG94NUE/view?usp=sharing) –
Sieht auch gut für mich. –
Mögliches Duplikat von [Font Awesome 4.2.0 wird in IE11 nicht gerendert, wenn der Kompatibilitätsmodus aktiviert ist] (http: // stackoverflow.com/questions/27913012/font-awesome-4-2-0-nicht-rendering-in-ie11-mit-compatibility-mode-on) –