1. Dom
  2. Pytanie i odpowiedź
  3. Niesamowita czcionka nie pojawia się w przeglądarce Internet Explorer 8

Niesamowita czcionka nie pojawia się w przeglądarce Internet Explorer 8

2012-10-01 12 views
15

Niedawno opracowaliśmy witrynę internetową z silnym uzależnieniem od Font Awesome w ramach jego projektu. Używamy standardowej implementacji z: treścią i dostarczonymi CSS.Niesamowita czcionka nie pojawia się w przeglądarce Internet Explorer 8

Z jakiegoś powodu czcionka Awesome nie jest wyświetlana w IE8. Spędziłem kilka godzin na rozwiązywaniu problemów i próbowałem różnych poprawek, bez powodzenia.

mam:

  • Ustaw MIME EOT do aplikacji/vnd.ms-fontobject
  • Ustaw MIME z OTF, TTF do application/octet-stream
  • Wykonane HTML5Shiv przecież CSS został załadowany.
  • różne próby, aby przeładować CSS lub DOM na stronie obciążenia

Tutaj jest strona internetowa: http://www.tetakere.org.nz - pole hotlinks jest dobrym przykładem Font Niesamowite

Czy ktoś ma jakieś pomysły na inne podejście do wyświetlenie tej witryny, aby wyświetlić Font Awesome?

Źródło

2012-10-01 BaronGrivet

Odpowiedz

18

Po pewnym bolesnym rozwiązywaniu problemów w końcu to rozwiązałem.

Rozwiązaniem było przeniesienie ładowania HTML5Shiv z sekcji <head> tuż przed znacznikiem </body>.

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

Źródło

2012-10-04 22:40:58 BaronGrivet

+1

Naprawiono to dla mnie w IE7, ale nie 8. – Synchro

+1

Może to być związane z renderowaniem treści przed załadowaniem czcionki. Dodaję również 'html5-shiv' AFTER FontAwesome, aby rozwiązać ten problem. Zobacz http://stackoverflow.com/questions/9809351/ie8-css-font-face-fonts-only-working-for-content-content-on-over-and-sometimes. – leesei

2

Nie potrzebowałem html5shiv, aby FontAwesome działał w IE8. This answer (ponowne utworzenie pliku .eot i zastąpienie starego) rozwiązało mój problem.

Źródło

2013-07-31 08:48:10 Chris

2

Próbowałem wszystkiego od modyfikowania mojej konfiguracji apache i plików .htaccess bez powodzenia. W narzędziach programistycznych IE natknąłem się na "Tryb dokumentu", a domyślny był IE7. Więc po niektórych badań znalazłem ten meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=9">

Teraz IE 10 i 9 formatu moją stronę prawidłowo i wyświetlenie wszystkich czcionek Firma Awesome ikony poprawnie.

Jeśli nadal chcesz IE 8 compat wtedy można zacząć z tym:

<meta http-equiv="X-UA-Compatible" content="IE=8">

nadzieję, że pomoże ...

Źródło

2013-09-19 21:11:44 prodigerati

0
  1. dodali do htaccess."BrowserMatch MSIE najlepszych standardach wsparcie zestaw nagłówek X-UA-Compatible IE = 8 env = najlepsza standardach wsparcia"
  2. próby przestawienia czcionkę EOT
  3. doc tryb zagęszczalność chnage
  4. próbował usleep funkcję
  5. setInterval js
  6. add skrypt google html5
  7. wezwanie css w części ciała dla IE8
  8. add class danych ikona
  9. pseudo reklama elementy js
  10. ADD png & filtrów SVG w css
  11. sprawdzić rodzaj czcionki Pozwolenie na serwerze

ale w końcu działa po dodaniu

.sass i .less css

plików

szczęśliwe kodowanie

Źródło

2013-10-25 12:47:30

9

Wiem, że jest to starsze pytanie, ale miałem wiele problemów z tym problemem i żadna z tych odpowiedzi nie pomogła z wyjątkiem ostatniej.

Zmieniono głowa ...

Co pracował dla mnie było:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Ten pracował również (ostatnia odpowiedź, o którym mowa):

<meta http-equiv="X-UA-Compatible" content="IE=8">

Również czytałem (Force IE compatibility mode off using tags), że powinieneś umieścić ten metatag powyżej wszystkich innych znaczników meta i przed wszelkimi warunkowymi instrukcjami IE; w przeciwnym razie metatag zostanie unieważniony.

Źródło

2014-03-13 05:36:05 awl19

 Powiązane problemy

  • Brak powiązanych problemów^_^