Dobrý den,
nejsem si zcela jistý, jestli mám svůj problém řešit zrovna tady. Proto prosím pochopení v případě, že bych měl tento příspěvek směrovat jinam. :)
chci zobrazit netradiční font na webu prostřednicvím definice css @font-face, viz. http://www.mamtovoku.cz/wp-content/themes/mamtovoku.cz/style.css
Řešení mě funguje v IE, Chrome, ale ne ve FF :/
Můj kód je následující:
@font-face {
font-family: ‘nadpisy’;
src: url(‘http://www.mamtovoku.cz/wp-content/themes/mamtovoku.cz/nadpisy.eot’);
src: url(‘http://www.mamtovoku.cz/wp-content/themes/mamtovoku.cz/nadpisy.eot?#iefix’) format(’embedded-opentype’),
url(‘http://www.mamtovoku.cz/wp-content/themes/mamtovoku.cz/nadpisy.woff’) format(‘woff’),
url(‘http://www.mamtovoku.cz/wp-content/themes/mamtovoku.cz/nadpisy.ttf’) format(‘truetype’),
url(‘http://www.mamtovoku.cz/wp-content/themes/mamtovoku.cz/nadpisy.svg#nadpisy’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
netušíte někdo, kde mám chybu?
Jako konvektor jsem použil http://www.fontsquirrel.com jehož výstupem jsou výše zmíněné formáty a ještě html stránka, která testuje jejich vykreslení. Když tuto stránku otevřu ve FF, potřebný font se zde skutečně vykreslí. Na webu mě to ovšem nefunguje a přitom mám styly napsané úplně stejně.
Napadlo mě, že problém by mohl způsobovat wordpress. Co myslíte?
Předem děkuji za jakoukoliv radu nebo podnět.