Skocz do zawartości
Zaloguj się, aby obserwować  
5corpio

IE9 i font-face

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...

Udostępnij ten post


Link to postu
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 */
}

Udostępnij ten post


Link to postu
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

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Musisz sobie przekonwertować czciontkę np: ttf do pozostałych formatów i załadować. To jest normalna procedura jeśli chcesz mieć to pod wszystkimi przeględarkami.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się
Zaloguj się, aby obserwować  

×