MaryT
@MaryT
IT люблю

Почему не работает font-face в sass/gulp?

Всем привет!
Есть проблема со шрифтами в sass (использую gulp, а точнее - только начала).
Описываю действия:
1) В папке sass создала отдельный файл _font.sass для шрифтов
2) Сделала @import "font" в основной main.sass
3) Забацала туда шрифты
1bb19af85cd14f138dc335321042d4c3.png
4) Компиляция прошла успешно:
8382794b28264c768218f604bcf3a8b1.png

Но возникла проблема: шрифт не работает. Если подключить какую нибудь Tahoma, то все работает. Вроде vera-crouz и kram поддерживают кириллицу. Должно быть так:
07611207bbfd4210bc7e547208b2d444.png
А у меня все стандартным браузерским шрифтом.

Подскажите, пожалуйста, в чем ошибка и куда рулить? Заранее всех благодарю за помощь! :)
  • Вопрос задан
  • 2958 просмотров
Решения вопроса 1
MaryT
@MaryT Автор вопроса
IT люблю
Проблема решена: из-за ошибки синтаксиса компиляция происходила, но происходила неправилньо
@font-face
    font-family: "kram"
         src : url("../fonts/kraM.ttf")
<---ошибка, должно быть на одном уровне

@font-face
    font-family: "kram"
    src : url("../fonts/kraM.ttf")
<---вот так
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
fnnzzz
@fnnzzz
front-end dev
разные браузеры подгружают разные форматы шрифтов.
поэтому нужно генерить все (ttf, otf, eot, woff, woff2, svg).

в этом вам поможет подобный сервис - https://www.web-font-generator.com/
Ответ написан
Ваш ответ на вопрос

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

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