Комбинации шрифтов на реальных сайтах
Эти комбинации шрифтов чаще всего встречаются вместе на сайтах, проанализированных What the Font. Каждая пара основана на реальных данных использования, а не только на теории дизайна.
Наиболее распространённые комбинации шрифтов
Что такое сочетания шрифтов?
Сочетание шрифтов - это подбор двух (или более) гарнитур, которые хорошо смотрятся вместе на сайте. Как правило, один шрифт используется для заголовков, другой - для основного текста. Лучшие сочетания создают визуальную иерархию при сохранении гармонии - шрифты достаточно контрастны, чтобы быть различимыми, но имеют достаточно общего характера, чтобы выглядеть цельно.
Откуда берутся эти данные?
Каждое сочетание на этой странице получено из реальных сайтов, проанализированных What the Font. Когда несколько шрифтов встречаются вместе на одном сайте, они учитываются как пара. Чем больше сайтов использует комбинацию, тем выше она в рейтинге. Это отражает реальные дизайнерские решения настоящих разработчиков и дизайнеров.
Как выбрать сочетание шрифтов для проекта
Начните с выбора основного шрифта для заголовков - чего-то выразительного, соответствующего характеру вашего бренда. Затем подберите вспомогательный шрифт для основного текста - хорошо читаемый в мелких размерах. Распространённый подход - сочетать засечный шрифт с рубленым или дисплейный шрифт с нейтральным, например Inter или Roboto. Нажмите на название шрифта, чтобы изучить его подробно.
Все шрифты из Google Fonts
Каждый шрифт в этих сочетаниях доступен в Google Fonts - бесплатной библиотеке с открытым исходным кодом, которую можно использовать на любом сайте. Просто добавьте CSS-импорт нужного шрифта и сразу начинайте его использовать. Никаких лицензионных сборов, никаких подписок. Нажмите на название шрифта, чтобы открыть его страницу на Google Fonts и скопировать код импорта.
Анализируете сайт?
Если вы хотите определить шрифты на сайте вместо статичного изображения, используйте наш чекер по URL. Вставьте любой URL, и мы извлечём все используемые шрифты.