Menu Zamknij

Zmuszenie IE do obsługi fontów, które nie działają

Czasem czcionki z Google Fonts nie działają z "wspaniałą" przeglądarką Miocrosoftu…
Żeby mieć pewność, że IE nie wystrzeli nam z brakiem obsługi niektórych fontów (na jednej stronie jeden mi działał, a drugi – nie) warto wyposażyć się w czcionkę w formacie EOT (Embedded OpenType) i jakimkolwiek normalnym, np. TTF (True Type Font – natywne w Windows) i stworzyć CSS, podobny do poniższego:

@font-face {
	font-family: "Andika";
	src: url("/andika-r-webfont.eot") !important;
	src: url("/andika-r-webfont.eot") format('embedded-opentype');
	src: url('/Andika-R.ttf') format('truetype') ;			
}

Kilka słów wyjaśnienia: EOT jest obsługiwany zdaje się tylko przez IE – zostanie załadowany najpierw, ale nie wiem czemu bez !important czcionka nie jest ładowana – może występuje próba użycia wpisu z TTF? Kolejna linijka to zabezpieczenia dla starych wersji IE, które nie radzą sobie z detekcją, co to za typ czcionki i dopiero last but not the least wpis dla "reszty świata" spoza rezerwatu IE. Lepiej dać na wszystkie czcionki niż mieć niespodziankę – brak zgodności zauważyłem przypadkiem.
Na koniec przydatny link: online’owy konwerter czcionek – http://onlinefontconverter.com/

Dodaj komentarz