Блог компании

Как не заиграться со шрифтами?

Заказчики уделяют теме шрифтов не слишком много внимания. Главное, чтобы хорошо читался шрифт. Соответствовал настроению бренда. Удачно смотрелся на Android и iPhone.

Для заголовков и наборного текста надо подобрать разные шрифты. Желательно с открытой лицензией для использования. Так мы понимаем, что требований к типографике достаточно много.
В статье мы назовем популярные шрифтовые пары, покажем сайты с классной типографикой и расскажем об основных правилах хорошего тона для работы со шрифтами.

Топ-5: правила хорошего тона в типографике

1. Шрифты: используйте не более двух шрифтов на странице. Один шрифт для заголовков, другой для основного текста. Выбирайте шрифты, которые легко читаются на экране компьютера или мобильного устройства. Много шрифтов с открытой лицензией есть в библиотеке Google Fonts.

2. Кегль: это размер шрифта. Для наборного текста рекомендуется использовать кегль от 16 до 18 пунктов.

3. Интервалы: между строками текста должно быть достаточно места для комфортного чтения. Рекомендуется использовать интервал в 1,5 раза больше кегля шрифта.

4. Цвет текста: цвет текста должен быть контрастным по отношению к фону страницы. Черный текст на белом фоне — классический вариант, который всегда выглядит хорошо.

5. Выравнивание: текст должен быть выровнен по левому краю, чтобы облегчить чтение. Правый край может быть неровным, но это не должно мешать восприятию информации.

Популярные шрифтовые пары:

Шрифтовая пара – два шрифта, которые используют в дизайне для оформления текстов в едином пространстве. У этих шрифтов свободная лицензия: достаточно просто скачать их на компьютер.

Unbounded SemiBold и Nunito Sans 10pt
Oswald и Inter Regular
Golos Text VF Bold и Raleway Regular
Bebas Neue Bold и Montserrat Regular
Tenor Sans Regular и Roboto Light

Сайты с качественной типографикой:

Мы покажем несколько примеров сайтов, где с типографикой поработали хорошо. Взгляните на это сами!

https://qude.audio/
https://www.fabric.vc/
https://www.niceatnoon.nl/
https://crosswire.unseen.co/
При подготовке примеров были использованы сайты из подборки канала SD — VISION®
Чтобы не испытывать муки выбора, доверьте построение иерархии шрифтов на сайте нам. Мы уже разработали и дали жизнь множеству проектов. Наше портфолио говорит само за себя. С нами у вас не возникнет проблем с лицензией и сочетаемостью шрифтов.
2025-12-29 18:40