Skocz do zawartości

IE9 i font-face


5corpio

Polecane posty

Mam pytanie odnośnie tego cholernego dziecka microsoftu: IE w wersji 9. Czy ktoś spotkał się z problemem, że najnowszy IE nie wyświetla "własnych" krojów czcionki. Pod ie > 7.0 wszystko mi działało cacy a po update do 9.0 jak testowałem stronę to nie wczytuje czcionki właściwej.

 

Zrobiłem dla testu najprostrzą stronę:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=windows-1250">
 <meta name="generator" content="PSPad editor, www.pspad.com">
 <title>IE9 Font Test</title>
 <link rel="stylesheet" type="text/css" href="style.css"/>
 </head>
 <body>
Test zwykly tekst;
<br/>
<span class="test1">A to jest juz inny tekst ktory powinien byc ok!</span>
 </body>
</html>

 

i krótki css:

 

@font-face { 
 font-family: "cool_font2"; 
 src: url('OpenSans-Light.eot'); 
 src: local('OpenSans-light'), url('OpenSans-Light.ttf') format('truetype');
}
.test1 {
 font-size: 24px;
 font-family: "cool_font2";
}

 

Tak jak mówiłem prosta sprawa działa pod każdą przeglądarką Opera, FF, Chrome, IE 7.0, 8.0 a tylko pod 9.0 jest d...

Ot taka mini-strona moja po godzinach :)http://www.wnetrzekuchni.pl

Link do komentarza
Udostępnij na innych stronach

oto co znalazłem w internecie

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 	url('webfont.woff') format('woff'), /* Modern Browsers */
 	url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
 	url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Link do komentarza
Udostępnij na innych stronach

Generalnie to to samo. bedę musiał spróbować może faktycznie wczytać jeszcze krój czcionki w innych formatach chociaż generalnie IE korzysta tylko z *.eot ale może w tym cholernym IE9 coś pozmieniali.

 

Hah Edit: już wiem co jest problemem: nie leży on w kodzie tylko w IE9 i jego opcji: "widok zgodności" nie mam pojęcia o co chodzi ale w tym problem. Jak się włączy tą zgodność to czcionka normalnie się doczytuje i wyświetla. (chore)

 

 

A teraz cytat ze strony microshitu:

 

Czasem wygląd odwiedzanej witryny sieci web jest nieprawidłowy. Pojawia się ona z bezładnie umieszczonymi menu, obrazami i polami tekstowymi. O co chodzi? Jedno możliwe wytłumaczenie: Być może witryna została zaprojektowana dla starszej wersji programu Internet Explorer. Co zrobić? Kliknij przycisk Widok zgodności.

Hah. Strona zaprojektowana dla starszej wersji programu IE? śmiech na sali. Bo pod każdą przekglądarką zawsze wygląda strona normalnie tylko z nowym IE są problemy... bo nawet stare IE dobrze (w miarę) interpretują... dobra koniec już mojego psioczenia

Ot taka mini-strona moja po godzinach :)http://www.wnetrzekuchni.pl

Link do komentarza
Udostępnij na innych stronach

  • 7 months later...

Ale starego kotleta odkopałeś matko :blink: zresztą w kodzie css, który zamieściłem było ładowanie kroju w formacie eot. Już jak odgrzebujemy tego starego "trepa" to problemem był skrypt, który konwertował z ttf -> eot i innych formatów. Już nie pamiętam co tam z nim było nie tak bo dawno temu to ogarniałem po prostu coś "pieprzył" i czcionka w formacie eot nie była w 100% poprawna.

Ot taka mini-strona moja po godzinach :)http://www.wnetrzekuchni.pl

Link do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat jest archiwizowany i nie można dodawać nowych odpowiedzi.

×
×
  • Utwórz nowe...