Font Awesome 4.2.0 doskonale odtwarza się w przeglądarkach Chrome, Firefox, Safari, Opera i Internet Explorer 11 (ale tylko z wyłączonym trybem zgodności) . Z włączonym trybem zgodności "Włączony" bez renderowania glifów. Próbowałem użyć wypróbowanej i prawdziwej czcionki Font Awesome 4.2.0 CDN, której używałem w innych projektach, używając Font Awesome CSS i dodając <meta http-equiv="X-UA-Compatible" content="IE=edge"> w <head>, zgodnie z sugestią z postu GitHub, aby umożliwić glifom render z włączonym trybem zgodności "Włączony". Żadne z tych rozwiązań nie działa, a włączenie trybu zgodności "Wyłączone" nie jest opcją dla tego projektu. Podsumowując, moje pytanie jest takie. Jak mogę włączyć renderowanie czcionek 4.2.0 w Internet Explorerze 11 z włączonym trybem zgodności?Font Awesome 4.2.0 nie wyświetla się w IE11 z włączonym trybem zgodności
Odpowiedz
Znaleziono rozwiązanie. <meta http-equiv="X-UA-Compatible" content="IE=edge"> należy umieścić jako PIERWSZY w urządzeniu <head>, aby działał. Mam nadzieję, że to pomoże każdemu, kto ma ten problem!
Tylko gdybym mógł go przegłosować więcej niż raz .. – Umayr
nie zadziałał dla mnie :( –
@ManjitSingh możesz podać więcej informacji, abyśmy mogli spróbować pomóc? – racecarjonathan
Mam również do czynienia z tym samym problemem. W moim przypadku poniżej działa fix:
Firefox (i, w mniejszym stopniu, Chrome i IE) ma problem, w którym nie można pobrać czcionki, a więc nie wyświetla prawidłowo żadnej z ikon.
Bardzo łatwa poprawka została zidentyfikowana w wielu lokalizacjach, a jednym z nich jest cdnjs/cdnjs # 755.
Rozwiązaniem jest dodanie następujących do początku pliku czcionki-awesome.css (przed wywołaniem @ font-family):
ustawić nagłówek Access-Control-Allow-Origin "*"
Wypróbowałem wszystkie popularne rozwiązania (prawie wszystkie wymienione powyżej) i to było jedyne, które działało. – NealR
Miałem ten problem z IE 11 na mojej maszynie programistycznej (ale nie gdzie indziej). Moje opcje internetowe zostały ustawione, aby nie zezwalać na pobieranie czcionek. Prawdopodobnie nie będzie to powszechne, ponieważ jestem na Windows Server, ale jeśli tak, spróbuj tego naprawić:
[Sprzęt] >> Opcje internetowe >> Bezpieczeństwo >> Poziom niestandardowy >> Pobieranie >> Pobieranie czcionki> > Włącz
W moim przypadku był to zestaw display: table na elemencie. Usunięcie go rozwiązało problem.
Zajrzyj do usuwania znaczników wersji z końca plików. Te znaczniki powodują, że IE ma napady.
to zmienić ...
../fonts/fontawesome-webfont.eot?v=4.3.0'
do tego ...
../fonts/fontawesome-webfont.eot'
ironicznie nazwany Tryb zgodności. Wierzę, że "Tryb zgodności" sprawia, że działa on efektywnie jak IE7, a IE7 nie jest obsługiwany w Font Awesome 4 (ale przy odrobinie wysiłku można z nim pracować 3). – HackedByChinese