gassmonkey
@gassmonkey
Провокатор

С чем может быть связана странная проблема с подключением шрифта?

Нужна помощь, друзья.
Битый час мучаюсь с подключением шрифта Proxima Nova. Почему-то отображается только в IE.
Конвертирую белкой, кириллица не обрезана.
@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/proxima_nova_light-webfont.eot');
  src: url('../fonts/proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/proxima_nova_light-webfont.woff2') format('woff2'),
  url('../fonts/proxima_nova_light-webfont.woff') format('woff'),
  url('../fonts/proxima_nova_light-webfont.ttf') format('truetype'),
  url('../fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight') format('svg');
  font-weight: 300;
  font-style: normal;
}

3c8890ced91c435fa404c9b236662963.png
Кто подскажет, в чём проблема?
  • Вопрос задан
  • 833 просмотра
Решения вопроса 1
gassmonkey
@gassmonkey Автор вопроса
Провокатор
Виновник найден - это обновлённый конфиг csscomb'а, который менял местами 2 src, и в итоге последним был всегда
src: url('../fonts/proxima_nova_bold_italic-webfont.eot');
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@qo_0p
Я тут писал подробную инструкцию:
Как подключить нестандартные шрифты, чтобы они отрисовывались в canvas?

Попробуй так:
@font-face {
  font-family: "ProximaNova"; // двойные кавычки!!!
  src: url('../fonts/proxima_nova_light-webfont.eot');
  src: url('../fonts/proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/proxima_nova_light-webfont.woff2') format('woff2'),
  url('../fonts/proxima_nova_light-webfont.woff') format('woff'),
  url('../fonts/proxima_nova_light-webfont.ttf') format('truetype'),
  url('../fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight') format('svg');
  font-weight: 300;
  font-style: normal;
}


далее когда будешь назначать шрифт элементам пишешь без кавычек:
#d1 {
    font: 300 18px ProximaNova;  // без кавычек
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы