NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: EOT font ničí TTF

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
niveses
Tvůrce
Avatar
niveses:27.10.2013 18:00

Ahoj,
v @font-face mám font ve formátu ttf. Pro kompatibilitu s IE jsem si přidal i formát EOT. Pokud mám font s oběma konovkama tak mi funguje pouze v IE. Pokud EOT smažu a nechám pouze TTF, tak mi to funguje všude jinde. (chrome, opera, firefox..).

Kde může být chyba? Díky

 
Odpovědět
27.10.2013 18:00
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na niveses
Honza Bittner:27.10.2013 18:07

Hele, nejjednodušší bude když budeš používat fonty z GOOGLE FONTS ;)

Editováno 27.10.2013 18:07
Nahoru Odpovědět
27.10.2013 18:07
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
niveses
Tvůrce
Avatar
niveses:27.10.2013 18:10

JJ, ale zákazník tam tenhle font chce a na Google Font není.. :(

Nejhorší je, že je mám, ale ruší se :D

Editováno 27.10.2013 18:13
 
Nahoru Odpovědět
27.10.2013 18:10
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na niveses
Neaktivní uživatel:27.10.2013 18:52

Ukaž kód :)

Nahoru Odpovědět
27.10.2013 18:52
Neaktivní uživatelský účet
Avatar
niveses
Tvůrce
Avatar
niveses:27.10.2013 19:17 
@font-face{
        font-family: "menu_font";
        src: url("../styles/menu_font.otf");
        src: url("../styles/menu_font.ttf");

}

Pokud k tomu přidám

src: url("../styles/menu_font.oet");

tak mi v Chrome přestanou fungovat ty nahoře. Jinak fungují dobře.

Díky :)

Editováno 27.10.2013 19:17
 
Nahoru Odpovědět
27.10.2013 19:17
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na niveses
Honza Bittner:29.10.2013 2:14

musíš to mít totiž v tomto stylu :

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot');
}
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
29.10.2013 2:14
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
niveses
Tvůrce
Avatar
Odpovídá na Honza Bittner
niveses:29.10.2013 8:03

Jo, už mi to jde..

Super rada jako vždy - děkuju :)

 
Nahoru Odpovědět
29.10.2013 8:03
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 7 zpráv z 7.