Шрифты и типографика
Выбор шрифтов, использование Google Fonts и что делать, когда смена шрифта не появляется.
Обновлено:
Как задать шрифты
Шрифты — часть темы. Просите их по названию:
Используй Inter для основного текста и Playfair Display для заголовков.
Google Fonts поддерживаются по названию. Если вы назовёте недоступный шрифт, вы получите ближайшее разумное соответствие, а не сломанный экран, — поэтому, если важна точность, проверьте, что применилось на самом деле.
Типографская шкала
Шкалой можно управлять словами:
Сделай заголовки на размер крупнее и уплотни межстрочный интервал. Основной текст мелковат — подними до 17 px.
Если смена шрифта не появляется
Это известный класс проблем, который стоит проверять осознанно: тема может обновиться, а таблица стилей, подгружающая шрифт, — нет. Симптом: макет утверждает, что использует шрифт, который явно не отрисовывается.
- Перезагрузите проект.
- Примените смену шрифта в чате ещё раз и смотрите на холст, а не на отчёт инструмента.
- Если он так и не отрисовывается, напишите в поддержку, приложив ссылку на проект и название шрифта.
Собственные и лицензионные шрифты
Самостоятельно размещённые и лицензионные шрифты сегодня загрузить нельзя. Практичный путь — выбрать ближайший Google Font на этапе проектирования, а затем заменить его своим лицензионным после экспорта: в Figma, в кодовой базе или в CSS опубликованного сайта.
Была ли статья полезной?