2017-02-12 16 views
0

У меня есть свои шрифты в my-theme/assets/fonts/my-font.ttf, и это мой .css@ шрифта лицо рабочего (локально, так и на удаленном сервере) на Chrome, Safari, Opera, но не с Firefox

@font-face { 
    font-family: 'Jubilat'; 
    src: url('../assets/fonts/Jubilat/Jubilat-Light.eot'); 
    src: url('../assets/fonts/Jubilat/Jubilat-Light.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Jubilat/Jubilat-Light.woff') format('woff'), url('../assets/fonts/Jubilat/Jubilat-Light.ttf') format('truetype'); 
    font-weight: 300; 
    font-style: normal; 
} 
body { 
    font-size: 1.3em; 
    font-family: "Jubilat-Light", Helvetica Neue, Roboto, Arial, sans-serif; 
} 

Это Wordpress сайт. Кроме того, в Firebug я не вижу ошибок. Он работает (локально и удаленно) на Chrome, Safari, Opera, но не с Firefox Я действительно не знаю, что еще делать. Благодарю.

This is the url

ответ

1

Вероятно, у вас есть неправильные имена для семейства шрифтов http://joxi.ru/krDlgpJsEGz6nr

+0

Я создал шрифты с HTTP: // transfonter.org/ – Labanino

+0

Проверить шрифт еще раз. –

+0

Да, это были имена. Благодарю. – Labanino

1

Вы назвали семейство шрифтов «Jubilat», так это то, что вам нужно обратиться к нему, как, несмотря на имена файлов шрифтов. Таким образом, это должно сделать это ...

body { 
    font-size: 1.3em; 
    font-family: "Jubilat", Helvetica Neue, Roboto, Arial, sans-serif; 
} 

В качестве альтернативы, обновить определение шрифта лицо и оставить правило тела, как это ...

@font-face { 
    font-family: 'Jubilat-Light'; 
    ...