Как подобрать шрифты для сайта

Шрифты — важная часть вашего сайта, ведь именно с помощью них вы разговариваете с читателем. Важно, чтобы шрифты были разными, вызывали легкость и интерес при чтении, но сочетались друг с другом, то есть стали шрифтовой парой.

Дизайнеры Vigbo рассказали о том, как сочетать шрифты, чтобы ваш сайт получился стильным и понятным для посетителя.

1. Определитесь с «ролями». Если вы набрали подзаголовок одним шрифтом, то для остальных подзаголовков примените этот же шрифт с этими же настройками. Иногда размеры, шрифты и начертания «прыгают» из блока в блок, но так быть не должно. У каждого шрифта — своя роль.

2. Не используйте больше двух шрифтов. Правда, существуют такие стилистические направления, особенно свадебные, где необходимы три шрифта. Но три шрифта — максимум, которого будет достаточного, а акценты вы уже расставите за счет размера, цвета и начертания шрифта.

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

4. Создайте контраст шрифтов, чтобы текст читался легко. Его можно создать с помощью размера, цвета и даже плотности шрифта.

5. Выберите, какое сочетание шрифтов вам больше нравится:

— Сочетание крупной выразительной и мелкой подписи. Такое сочетание вы видели на логотипах, обложках журналов и рекламных баннерах. Здесь используются шрифты любого типа, которые имеют некоторое родство, но чаще даже просто по настроению. ⠀

— Сочетание абсолютно разных шрифтов. Например, жирный с засечками + тонкий без засечек.

Примеры контрастных сочетаний шрифтов на Vigbo

— Сочетание с помощью различных начертаний. Просто используем всего 1 шрифт и его 2-3 начертания. Например, тонкий большой заголовок и средней плотности маленький наборный текст.

Примеры использования одного шрифта в разных начертаниях или разных размерах

6. Используйте онлайн-сервисы подбора пары шрифтов. Например, на сайте app.fontflame.com можно наглядно увидеть, как сочетаются шрифты друг с другом.

Пример шрифтовых пар на сайте app.fontflame.com

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