Madeas
@Madeas
UI / UX Designer, Frontend Developer

Ссылка или импорт шрифтов?

Всем доброе утро и хорошего дня.

Делаю сайт статику на 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.
Как вы делаете и как будет лучше? Для сайта, разумеется, будет лучше прописать ссылкой и стили положить в файл, но пока идет подбор, хз.
  • Вопрос задан
  • 494 просмотра
Пригласить эксперта
Ответы на вопрос 3
iamd503
@iamd503
Верстальщик
Загрузите шрифты к себе на сайт, и подключайте их в css
Ответ написан
Комментировать
@AleksRap
все шрифты, библиотеки и т.д нужно подключать локально, чтобы на их отображение не влияла доступность другого сервера. Подключать потом в отдельном scss файле с импортом в основной
Ответ написан
Комментировать
tomclancys
@tomclancys
2 вариант оптимальнее думаю будет.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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