1

Есть страница www/index.html с меню, где используются "свои" шрифты: введите сюда описание изображения

Делаю копию файла в папку www/folder/index.html, меняю пути к файлам стилей и где подключаются шрифты и все работает как надо, за исключением браузера Firefox v41.0 введите сюда описание изображения

При этом в "Скомпилированном стиле" пишет что он подключен: введите сюда описание изображения

Шрифты подлючаю так:

@font-face {
    font-family: "GothamProBold";
    src: url("../fonts/GothamProBold.eot");
    src: url("../fonts/GothamProBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBold.woff") format("woff"),
    url("../fonts/GothamProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

В других браузерах все отображается нормально. Подскажите пожалуйста, в чем проблема и как ее забороть?

2
  • Firefox всегда выделялся, а шрифты сами конвертировали, и где скачивали?
    – emtecif
    Commented 2 окт. 2015 в 10:42
  • @emtecif, .ttf от дизайнера, а конвертирую на web-font-generator.com
    – Neka
    Commented 2 окт. 2015 в 15:39

2 ответа 2

1

Попробуйте прогнать здесь http://www.font2web.com/ Единственный конвертер, который нормально работает, во всяком случае у меня.

0

Были такие же проблемы. Вообще шрифты лучше не конвертировать, а искать уже готовые для веба. Скачайте и используйте эти шрифты.

@font-face {
    font-family: "GothamProBlack";
    src: url("../fonts/GothamProBlack/GothamProBlack.eot");
    src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"),
    url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Попробовал у себя, версия 41.0.1, шрифты отображаются корректно.

введите сюда описание изображения

5
  • Хотя по ссылке можно найти ответ на вопрос, лучше указать здесь самое главное, а ссылку приводить в качестве источника. Если страница, на которую ведет ссылка, будет изменена, ответ-ссылка может стать недействительным.
    – Saidolim
    Commented 2 окт. 2015 в 19:06
  • ниче не понял..
    – emtecif
    Commented 2 окт. 2015 в 19:46
  • 2
    @emtecif это стандартный комментарий, который добавляется при просмотре сообщения из очереди "низкокачественных" - у вас сообщение слишком короткое, и система закинула его на проверку. Просто распишите, почему именно эти шрифты, и чем они помогут в конкретной ситуации. Ответы со ссылкой без пояснений - зло. Ссылки умирают со временем.
    – user177221
    Commented 2 окт. 2015 в 21:19
  • Файлы по ссылке, байт в байт как мои и стиль тоже(
    – Neka
    Commented 3 окт. 2015 в 8:38
  • всё работает нормально, обновил ответ
    – emtecif
    Commented 3 окт. 2015 в 14:50

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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