Найти тему
IN4D

Шрифт в веб-дизайне

Базовые правила при работе со шрифтом в вебе.

Непреложные правила:

1. Размер шрифта (или кегль) - не меньше 14px.

2. Интерлиньяж - не меньше размера шрифта (здесь допустимо другое, в зависимости от шрифта)

3. Если создаешь ui-kit, то не нужно использовать все возможные начертания, скорее всего для проекта нужны несколько размеров и еще меньше из них с разными начертаниями.

Теперь по спорным правилам:

1. В шрифтовой паре, шрифты должны быть похожи. Это не всегда верно, хотя для новичков это хорошее правило. Если подбираешь кардинально отличающиеся шрифты, то нужно подбирать другие схожие характеристики.

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

Например, manrope хорошо сочетается с open sans. Первый подойдет для заголовков, а второй для строчного текста.

2. Использовать в вебе шрифты с засечками - это ошибка.

Нет, если того требует тон и направленность проекта. Конечно, для лучшей читаемости заголовков в вебе лучше использовать гротеск (или "рубленый шрифт"), но никто не мешает нарушить это правило.

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

Телеграм канал:

IN4DESIGN | Фигма