Добавить шрифты Google в Bootstrap 4 с помощью SASS / Gulp

Я пытаюсь внедрить Google Fonts (Dosis) в Bootstrap 4 с помощью SASS / Gulp. Когда дело доходит до SASS, я новичок.

Мне удалось изменить цвета по умолчанию, используя _custom.scss, определив $brand-primary, но когда я хочу сделать то же самое со шрифтами, изменив значение $font-family-sans-serif, это не сработает. Я перезапустил сервер и включил шрифты Google в index.html с тегами link ... но все равно не могу заставить его работать.


person Peter Pupovac    schedule 03.12.2017    source источник
comment
Хотя вопрос выше не является специфичным для sass и gulp, есть отличный ответ для вашей настройки.   -  person dferenc    schedule 03.12.2017


Ответы (1)


Вы можете импортировать выбранный шрифт Google в верхнюю часть вашего _custom.scss вот так.

@import url('https://fonts.googleapis.com/css?family=Dosis');

И вы можете определить "Dosis" как название семейства шрифтов следующим образом:

$font-family-sans-serif: "Dosis", […other fonts…];

Это должно работать после того, как ваш sass скомпилирован.

person dferenc    schedule 03.12.2017