0

Добрый вечер.

При попытке подключить нестандартный шрифт в проект через @font-face Mozilla отказывается его отображать. Не подскажите как победить подобное поведение?

@font-face {
    font-family: 'Haettenschweiler';
    src: url('pathToFont/haettenschweiler-webfont.woff') format('woff'),
         url('../font/haettenschweiler-webfont.ttf') format('truetype');
}

Поместил TrueType выше - также результатов не принесло.

9
  • htmlbook.ru/css/font-face гласит ,что должно поддерживатся
    – zloctb
    3 сен 2012 в 16:51
  • 1
    А всё-таки код в студию. И шрифт.
    – user6550
    3 сен 2012 в 16:52
  • для меня тоже подобная ситуация нелепой кажется) Ожидал больше проблем от IE7. Ан-нет!
    – LeD4eG
    3 сен 2012 в 16:55
  • @klopp, а шрифт-то как я сюда залью?))
    – LeD4eG
    3 сен 2012 в 16:56
  • Ссылку дать. BTW, ttf понимается, например: (болванка, но в исходник глянуть можно, и шрифт скачать для пробы)
    – user6550
    3 сен 2012 в 17:00

2 ответа 2

2

Насколько мне известно немного криво прописан путь либо же не до конца сконвертирован сам шрифт. Я конвертирую на сайте @font-face Generator и конечный результат должен быть таким:

@font-face {
    font-family: 'robotoitalic';
    src: url('../fonts/roboto-italic-webfont.eot');
    src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-italic-webfont.woff') format('woff'),
         url('../fonts/roboto-italic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

Также важен путь ../fonts/ у меня он расположен в корневой папке в папке fonts.

А у вас два разных пути прописаны pathToFont/ и ../font/ как это понимать?

1
  • это уже было исправление, поэтому и разные пути. я тоже генерировал шрифт именно на этом сайте. спасибо за помощь!
    – LeD4eG
    4 сен 2012 в 12:01
0

Вероятней всего, проблемы не с тегом, а с форматом woff, надо делать "костыль" для него )))

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.