Jump to content

IE9 i font-face


5corpio

Recommended Posts

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 to comment
Share on other sites

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 to comment
Share on other sites

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 to comment
Share on other sites

  • 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 to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...