Autor Zpráva
CrashCZ
Profil
Zdravím,

na stránkách www.jump-up.cz používám pro menu nestandardní font, který mám v CSS nastaven takto:

@font-face {
    font-family: menu;
    src: url("menu.otf");
}

Takto to funguje, ale problém nastává v případě, když na web nepřistupuji přes adresu www.jump-up.cz, ale zadáním jump-up.cz. V takovém případě se do menu daný font nepromítne. Nevíte někdo, kde by mohl být problém? Zkoušel jsem i zadat úplnou adresu k fontu a !important, ale výsledek je pořád stejný.

Děkuji za případné rady
Bubák
Profil
Problém nepozoruji. Vymaž keš a zkus to znova.
Pokud bude problém přetrvávat, tak napiš, ve kterém prohlížeči se problém vyskytuje.

IE podporuje otf písma pouze omezeně, ale nechce se mi hledat podrobnosti.
Chamurappi
Profil
Reaguji na CrashCZa:
V Exploreru nevidím písmo ani na jedné z domén.
Doména by neměla hrát roli. Také bych viděl příčinu v kešování — na jedné z domén máš ve svém prohlížeči nejspíš nakešovanou verzi s chybou.
Názvu písma „menu“ bych se raději vyhnul.
CrashCZ
Profil
Keš jsem také zkoušel vymazat a nic. IE font nezobrazí vůbec (o CSS toho tolik nevím, tak zkusím vygooglit, jak to optimalizovat), ale u Chromu a Firefoxu je ten samý problém co jsem psal (Firefox je čistá instalace). Restart PC také nepomohl. A to menu už jsem změnil, díky za radu. Nicméně pořád tak nějak nevím, kde je zakopaný pes. Ale v poslední době mi nějak zlobí systém, tak je možné, že je to další jeho "chybička".
Bubák
Profil
Taháš písmo z jiné domény, jump-up.cz je jiná doména, než www.jump-up.cz, ale CSS importuješ z www.jump-up.cz. Většina prohlížečů načítání písem z jiné domény blokuje (pokud není zobrazení pásma na jiné doméně+ dovoleno http hlavičkou.

Doporučuji alespoň jedno z opatření:
používat pro import CSS relativní adresy
použít přesměrování webu z url bez www. na variantu s www.
jako nouzovku odesílat písmo s http hlavičkou Access-Control-Allow-Origin: *
CrashCZ
Profil
Původně jsem měl nastaveno url("menu.otf");, tedy ne absolutní URL, ale výsledek byl stejný. To s tím blokem písma z jiné domény je pro mne novinka. Vím, že bych problém vyřešil přesměrováním na variantu URL s www., nicméně mě docela zajímá jádro pudla a tedy proč url("menu.otf"); funguje pouze u varianty s www.
Chamurappi
Profil
Reaguji na CrashCZa:
Původně jsem měl nastaveno url("menu.otf");, tedy ne absolutní URL
Adresy v CSS souboru se vyhodnocují relativně k umístění CSS souboru. A ten se u tebe tahá vždy z adresy z www. Doména stránky a doména fontu se tudíž při nalistování z jump-up.cz neshodují.
CrashCZ
Profil
Chamurappi:
Chápu, ale původně tam bylo url("menu.otf"); a ve složce s CSS souborem, kde je tento font deklarovaný, je i soubor fontu menu.otf. To, že tam byla absolutní URL, to byl jen pokus, jestli to pak nebude fungovat i bez www. Pro jistotu jsem to přehodil v kódu tak, jak jsem to měl původně, nicméně to pořád neřeší můj problém. Chápu, že www.jump-up.cz a jump-up.cz jsou dvě rozdílné adresy, ale když určím url("menu.otf");, tak nechápu, že na adrese www.jump-up.cz to funguje a na jump-up.cz ne.
Bubák
Profil
V HTML máš v elementu STYLE (mimo jiné) toto:
@import url("http://www.jump-up.cz/sites/all/themes/corolla/css/corolla.settings.style.css?nbalw2");
Máš tedy adresu souboru stylu deklarovanou absolutně. Ve zmíněném souboru stylu je relativní odkaz na písmo. Písmo se tedy bude stahovat se složky http://www.jump-up.cz/sites/all/themes/corolla/css/

Takže importuj styl do stránky od kořene webu takto:
@import url("/sites/all/themes/corolla/css/corolla.settings.style.css?nbalw2");
Obdobně můžeš tak upravit všechny importy.
Pro případ, že by ses ukliknul, nebo něco nefungovalo, doporučuji udělat zálohu, pokud ji ještě nemáš.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: