Выбирайте не «красивый», а читаемый шрифт: у буквы должны быть понятные формы, ровный ритм и нормальный контраст. Для сайта на конструкторе чаще всего лучше работают простые гротески: они не спорят с версткой и выглядят аккуратно на разных экранах.
Проверьте 3 вещи до запуска:
— размер основного текста: не мелкий, чтобы не приходилось щуриться;
— межстрочный интервал: текст должен «дышать»;
— длину строки: слишком длинные строки утомляют, слишком короткие рвут ритм.
Если блок выглядит как стена, проблема часто не в контенте, а в типографике.
Заголовки должны отличаться от основного текста не только размером, но и весом. Не делайте все уровни одинаково жирными: тогда страница теряет иерархию. Лучше один выразительный шрифт для заголовков и нейтральный для текста, чем три «интересных» шрифта, которые спорят между собой.
Ищите баланс: контраст между фоном и текстом, одинаковые отступы, единый стиль кавычек, цифр и ссылок. Если на странице есть кнопки, формы и карточки, шрифт должен хорошо работать и в малых размерах, и в интерфейсных элементах.
Сначала проверьте типографику на реальном контенте, а не на lorem ipsum: именно на живом тексте видно, где шрифт ломает ритм и заставляет пользователя читать с усилием.
No-Code Build
@nocodebuild
Типографика на сайте: 5 правил, чтобы текст читался, а не мешал продавать
Этот пост опубликован в Telegram-канале No-Code Build. Подписаться можно по ссылке: @nocodebuild.