2013-02-27 3 views
0

У меня возникли проблемы с рендерингом шрифтов моего веб-сайта. Шрифт логотипа правильно отображается в хроме и сафари, но не в firefox.рендеринг шрифта firefox некорректно

Это код CSS:

@font-face { 
    font-family: 'Bello Pro'; 
    src: url('./Bello Pro.otf'); 
} 

.logo { 
    font-family: 'Bello Pro'; 
    font-size: 40px; 
    font-weight: lighter; 
} 

Заранее спасибо

ответ

2

Убедитесь, что версия Firefox поддерживает @font-face, и ваш формат шрифта. Вы также можете проверить разрешения, иногда firefox не будет отображать шрифты в соответствии с политиками происхождения и/или определенными форматами.

Вы должны использовать онлайн-конвертер шрифтов и предоставлять ВСЕ форматы вашего шрифта (otf, ttf, eot, woff, svg).

+0

P.S., я удалил свой другой ответ, потому что я неправильно понял ваш вопрос в первый раз. Я думал, вы говорите, что firefox плохо его отрабатывал, а не вообще не рисовал. –

+0

Привет, это рендеринг в firefox, но он просто не использует шрифт, который я указал, используя стандартный шрифт по умолчанию. Но в chrome и safari это bello pro –

+0

Правильно, поскольку Firefox будет, если ресурс шрифта не существует. У вас есть firebug? Если это попытается проверить на наличие ошибок в отладчике и посмотреть, сможете ли вы что-либо найти. –

Смежные вопросы