font-face nie działa w Operze 11

0

Próbuje osadzić czcionki na stronie i wszystko idzie bardzo dobrze poza operą. Firefox, Chrome, IE, Safari - na każdej wszystko działa tak jak powinno, na operze zero reakcji. Czcionki tworzyłem przez http://www.fontsquirrel.com/fontface/generator tryb expert. Czcionki w CSS:

@font-face {
    font-family: 'WebFont';
    src: url('/css/myfont.eot');
}

@font-face {
    font-family: 'WebFont';
    src: url(//:) format('no404'), 
         url('/css/myfont.woff') format('woff'), 
         url('/css/myfont.ttf') format('truetype'),    
         url('/css/myfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

potem

body {
	font-family: 'WebFont';
}

Dla pewności zostawiłem w kodzie samo odwołanie do trutype:

@font-face {
    font-family: 'WebFont';
    src: url('/css/myfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

i ten sam efekt. Czcionka lokalizowana jest poprawnie - sprawdzałem ścieżki w Dragonfly-u. Brałem pod uwagę błędy w ustawieniach przeglądarki więc zainstalowałem na innym komputerze Operę od zera i dalej to samo. Czytałem że w wersji 10 były jakieś problemy z osadzaniem czcionek ale podobno zostały rozwiązane w którejś dalszej alfie. Teraz mam 11.01 i wszystko powinno być ok. Dodatkowo Dragonfly pokazuje że przeglądarka poprawnie rozpoznaje czcionki w formatach .eot, .ttf, .svg. Jeśli tak to czemu żadna z nich nie działa?? Czy ktokolwiek ma pomysł co może być nie tak? Jestem otwarty na wszelkie możliwości rozwiązania tego problemu.

0

Mnie jakoś to narzędzie nigdy nie zawiodło. Nawet przed chwilą zrobiłem test i wszystko działa na operze (też mam wersję 11.01). Tu masz css jaki u mnie działa:


@font-face {
    font-family: 'Lobster13Regular';
    src: url('lobster_1.3-webfont.eot');
    src: url('lobster_1.3-webfont.eot?iefix') format('eot'),
         url('lobster_1.3-webfont.woff') format('woff'),
         url('lobster_1.3-webfont.ttf') format('truetype'),
         url('lobster_1.3-webfont.svg#webfontBAISPYBf') format('svg');
    font-weight: normal;
    font-style: normal;

}
0

Przetestowałem ten przykład ale tak jak się spodziewałem bez efektu... Zrobiłem test.
index.html:

<!DOCTYPE html>
<html>          
  <head>             
    <meta charset="utf-8" />        
    <link type="text/css" href="moj.css" rel="stylesheet" />
    <title>Strona testowa                    
    </title>           
  </head>           
  <body>
  tekst przykładowy
  </body>
</html>

moj.css:

@font-face {
    font-family: 'WebFont';
    src: url('/css/myfont.eot');
    src: url('/css/myfont?iefix') format('eot'),
         url('/css/myfont.woff') format('woff'),
         url('/css/myfont.ttf') format('truetype'),
         url('/css/myfont.svg#webfontBAISPYBf') format('svg');
    font-weight: normal;
    font-style: normal; 
}

body {
	font-family: 'WebFont';                              
}

Odpalem Opere i zgadnijcie co. NIC! Każda inna przeglądarka poprawnie wykorzystuje podstawioną czcionkę. Opera nie! Miałem dobre zdanie o tej przeglądarce do niedawna ale właśnie zaczyna tracić w moich oczach. Acid3 100/100, Css3 też nieźle wypada a ma problemy z osadzaniem czcionek.

Zrobiłem jeszcze jeden test który chyba wyjaśnia wszystko. Ściągnąłem gotowy font-kit z fontsquirrel. Wypakowałem i uruchomiłem przykładową stronę. Jaki otrzymałem wynik?
Opera w dalszym ciągu nie generuje tekstu z osadzonych czcionek! Testowałem także na drugim komputerze gdzie nie było wcześniej opery i wszystkie ustawienia przeglądakri są domyślne. Zaraz coś mnie trafi bo jestem prawie pewien że te czcionki działały jeszcze w którejś wcześniejszej wersji 10.x, 11.0? Czy ktoś ma jakiekolwiek pojęcie co może być nie tak? Powili zaczynam tracić nadzieję że uda się to zrobić. Nawet IE8 działa pod tym względem poprawnie.

Jeszcze małe potwierdzenie że nic sobie nie zmyślam. Test wyświetlania osadzonych czcionek na stornie internetowej. Zakreśliłem wyraźne różnice które wskazują że nie jet to ta sama czcionka (na górze generowana przez stronę, na dole obrazek referencyjny)
user image

0

U mnie to jednak działa, screena masz w załączniku.

0

Nie mam pojęcia co i jak ale na kolejnym komputerze faktycznie czcionki działają ok. Wyczyściłem u siebie po raz kolejny pamięć podręczną, wyresetowałem wszystkie ustawienia przeglądarki i o dziwo na mojej stronie już mam dobrą czcionkę ale na innych np. strona którą dałem z wrzucie dalej jest niewłaściwa. Nie wiem o co chodzi ale coś się nieźle zrąbało. Jak uporam się z pocztą to pewnie przeinstaluję opere ale na razie musi chyba zostać jak jest. Dzięki za pomoc w rozwiązaniu problemu.
Temat chyba do usunięcia bo nic nie wnosi.

0

Witajcie.
Mam dokładnie ten sam problem i nie mogę sobie z tym poradzić... czy może ktoś doszedł do tego, dlaczego osadzanie czcionek na servie działa na wszystkim tylko czasem nie na Operze? Mam Opere 11.01, co najlepsze, na jednym kompie nie działa, a na drugim działa... masakra... Wersja Opery ta sama. W zasadzie jedyna różnica (nie licząc sprzętu, wiadomo), to to, że na jednym kompie jest XP Pro x64 a na drugim 7 Pro x64 - na którym nie działa... ale szczerze wątpię, czy to ma coś z tym problemem wspólnego... Tym bardziej że na kompie z Siódemką font-face działa w Chrome, IE, FF i Safari, więc raczej obstawiał bym na problem z samą przeglądarką, ale już sam nie wiem gdzie szukać...
Kodu nie wklejam, bo mam praktycznie taki sam jak wyżej...
font-face'a użyłem w znaczniku p, a font-family zrobiłem w klasie dla p.

0

swego czasu też przerabiałem ten problem.

nie jestem jakimś ekspertem więc nie znam teoretycznego wytłumaczenia, niemniej jednak u mnie problem zniknął gdy przeniosłem, część kodu zawierający znacznik @font face na ostatnią pozycję w pliku css. Z jakichś powodów @font face nie działa w operze gdy jest pierwszym wpisem w arkuszu stylów.

0

Witam,
Chciałem się przyłączyć do dyskusji, bo odkryłem kilka rzeczy związanych z tematem, a wciąż nie mogę znaleźć rozwiązania.

  1. Problem nie występuje na localhoscie (wamp). Dopiero jak wrzucę to na serwer (sprawdzałem na trzech, na wszystkich chyba jest Apache).
  2. Sprawdziłem 2 czcionki w różnych wariantach. Nie działa. Nie działa też przykład z http://www.font-face.com/
  3. Myślałem, że to w polskiej operze. Doinstalowałem angielską. To samo.
  4. Pokombinowałem z CSSem. Okazuje się, że Opera była czasem w stanie wstawić czcionkę, ale tylko SVG (które wyglądało tragicznie i rozjeżdżał mi się od niej layout). Natomiast na lokalnym wstawia mi TTF.
  5. Kombinowałem z .htaccess i dodawaniem typów MIME - ale sam nie wiem po co. Nic to nie dało.
  6. Oczywiście w innych przeglądarkach śmiga. FF, IE, Chrome.
  7. Mam Win7 x64.

Pomysły?

0

Spróbuj użyć " zamiast ' w font-family
Czyli zamiast:
font-family: 'WebFont';
daj:
font-family: "WebFont";

Głupie, ale mi pomogło.

1 użytkowników online, w tym zalogowanych: 0, gości: 1