Заказчики уделяют теме шрифтов не слишком много внимания. Главное, чтобы хорошо читался шрифт. Соответствовал настроению бренда. Удачно смотрелся на Android и iPhone.
Для заголовков и наборного текста надо подобрать разные шрифты. Желательно с открытой лицензией для использования. Так мы понимаем, что требований к типографике достаточно много.
В статье мы назовем популярные шрифтовые пары, покажем сайты с классной типографикой и расскажем об основных правилах хорошего тона для работы со шрифтами.
Топ-5: правила хорошего тона в типографике
1. Шрифты: используйте не более двух шрифтов на странице. Один шрифт для заголовков, другой для основного текста. Выбирайте шрифты, которые легко читаются на экране компьютера или мобильного устройства. Много шрифтов с открытой лицензией есть в библиотеке Google Fonts.
2. Кегль: это размер шрифта. Для наборного текста рекомендуется использовать кегль от 16 до 18 пунктов.
3. Интервалы: между строками текста должно быть достаточно места для комфортного чтения. Рекомендуется использовать интервал в 1,5 раза больше кегля шрифта.
4. Цвет текста: цвет текста должен быть контрастным по отношению к фону страницы. Черный текст на белом фоне — классический вариант, который всегда выглядит хорошо.
5. Выравнивание: текст должен быть выровнен по левому краю, чтобы облегчить чтение. Правый край может быть неровным, но это не должно мешать восприятию информации.
2. Кегль: это размер шрифта. Для наборного текста рекомендуется использовать кегль от 16 до 18 пунктов.
3. Интервалы: между строками текста должно быть достаточно места для комфортного чтения. Рекомендуется использовать интервал в 1,5 раза больше кегля шрифта.
4. Цвет текста: цвет текста должен быть контрастным по отношению к фону страницы. Черный текст на белом фоне — классический вариант, который всегда выглядит хорошо.
5. Выравнивание: текст должен быть выровнен по левому краю, чтобы облегчить чтение. Правый край может быть неровным, но это не должно мешать восприятию информации.
Популярные шрифтовые пары:
Шрифтовая пара – два шрифта, которые используют в дизайне для оформления текстов в едином пространстве. У этих шрифтов свободная лицензия: достаточно просто скачать их на компьютер.
Unbounded SemiBold и Nunito Sans 10pt
Unbounded SemiBold и Nunito Sans 10pt
Сайты с качественной типографикой:
Мы покажем несколько примеров сайтов, где с типографикой поработали хорошо. Взгляните на это сами!
https://qude.audio/
https://qude.audio/
При подготовке примеров были использованы сайты из подборки канала SD — VISION®
Чтобы не испытывать муки выбора, доверьте построение иерархии шрифтов на сайте нам. Мы уже разработали и дали жизнь множеству проектов. Наше портфолио говорит само за себя. С нами у вас не возникнет проблем с лицензией и сочетаемостью шрифтов.