@ font-face nie działa w przeglądarce Internet Explorer
Budowałem stronę internetową (http://www.hallometmirel.nl/troep/website) z responsywnym układem i testowałem różne rozdzielczości w kilku przeglądarkach i rozdzielczościach na moim laptopie i na moim Galaxy S3.
Widząc, że nie mogę dostać Internet Explorera w Google Play, testuję teraz stronę internetową na Nokia Lumia 800 z pracy. Wydaje się, że działa z systemem Windows Phone 7.5, a ponieważ nie mogę znaleźć przycisku, który wyświetla wersję IE, a smartfon jest całkiem nowy, podejrzewam, że jest to IE 9.
@ font-face działa do tej pory w najnowszej wersji Opera, Firefox, Chrome (desktop i mobile) oraz IE 9 (desktop).
Naprawdę nie mam pojęcia, dlaczego nie działa w wersji mobilnej, nawet jeśli jest to starsza wersja, czcionka jest obsługiwana przez starsze wersje, prawda? Próbowałem nakłonić IE do pokazania czcionki, zmieniając typ .eot lub włączając smileyface (podobno coś robi). Nie mogę znaleźć innych tematów dotyczących mobilnej wersji IE.
To jest typ dokumentu, może mieć coś wspólnego z IE9:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="nl-NL">
<head xmlns:og="http://ogp.me/ns#">
I w ten sposób osadzam czcionkę:
@font-face {
font-family:'ChaletComprime-CologneEighty';
src:url('fonts/ChaletComprime-CologneEighty.eot');
src:url('fonts/ChaletComprime-CologneEighty.eot?#iefix') format('embedded-opentype'),
url('fonts/ChaletComprime-CologneEighty.woff') format('woff'),
url('fonts/ChaletComprime-CologneEighty.ttf') format('truetype'),
url('fonts/ChaletComprime-CologneEighty.svg#svg/ChaletComprime-CologneEighty') format('svg')
}
I używaj go w ten sposób:
h1,h2,h3,h4,h5,h6{font-family:ChaletComprime-CologneEighty;color:#ef0f63;text-transform:uppercase}