Всем доброе утро и хорошего дня.
Делаю сайт статику на PUG + SCSS и для сайта подбираю оптимальные шрифты. Отсюда несколько вопросов:
Как лучше сделать:
1. прописать ссылкой в шаблоне, задав сам шрифт как переменную + добавить стили для боди в нем же?
- var fontGlob = 'Roboto'
link(rel="stylesheet", href='https://fonts.googleapis.com/css?family=' + fontGlob + '|Montserrat&display=swap')
style.
body {font-family: '#{fontGlob}', sans-serif;}
2. или прописать в scss импорт и через переменную подбирать шрифты?
Так вообще не работает:
@import 'https://fonts.googleapis.com/css?family= + #{$fontGlob} + |Montserrat&display=swap'
$fontGlob: 'Roboto'
body {font-family: '#{$fontGlob}', sans-serif;}
Отсюда следующий вопрос - как тогда быть с составными шрифтами? например
Josefin+Sans.
Как вы делаете и как будет лучше? Для сайта, разумеется, будет лучше прописать ссылкой и стили положить в файл, но пока идет подбор, хз.
