Skocz do zawartości


IE9 i font-face


4 odpowiedzi w tym temacie

#1 5corpio

    Guru

  • Super użytkownicy
  • 874 Postów:

Napisano nie, 08 sty 2012 - 17:26

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

#2 sazian

    Guru

  • Moderatorzy
  • 1117 Postów:

Napisano pon, 09 sty 2012 - 19:24

oto co znalazłem w internecie
css
@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 */
}


#3 5corpio

    Guru

  • Super użytkownicy
  • 874 Postów:

Napisano pon, 09 sty 2012 - 19:32

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:

Cytat

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

#4 munky

    Nowy na forum

  • Użytkownicy
  • 4 Postów:

Napisano nie, 02 wrz 2012 - 15:49

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.

#5 5corpio

    Guru

  • Super użytkownicy
  • 874 Postów:

Napisano nie, 02 wrz 2012 - 18:37

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.