Вы когда-нибудь открывали список шрифтов в Figma или Photoshop и чувствовали себя в магазине обоев? Вроде всё красивое, но что выбрать - непонятно. Тыкаешь наугад, смотришь, как выглядит, потом меняешь… Часа через три понимаешь, что потратил время, а результат всё равно не тот.
Шрифтов действительно тысячи. Но все они делятся на несколько больших семей. Освоите эту классификацию - и выбор перестанет быть лотереей.
Зачем вообще знать виды шрифтов
Шрифт - это голос вашего дизайна. Он может звучать строго, весело, дорого, по-детски или технологично. И точно так же, как вы не наденете смокинг на пляжную вечеринку, не стоит использовать игривый рукописный шрифт для договора или юридического документа.
Когда вы понимаете характер каждого семейства, вы:
- Быстро подбираете подходящий шрифт под задачу.
- Не смешиваете несочетаемое.
- Выглядите профессионалом в глазах заказчика.
- Экономите часы на «тыканье».
Главные семейства шрифтов
1. Антиква (Serif) - с засечками
У этих шрифтов есть маленькие «хвостики» или поперечные штрихи на концах букв. Они появились ещё в Древнем Риме, когда буквы высекали на камне. Засечки помогали ровно заканчивать линию резцом.
Характер: классика, надёжность, традиция, авторитет, интеллект.
Когда использовать:
- Длинные тексты (книги, газеты, блоги) - засечки помогают глазу скользить по строке, уменьшая усталость.
- Серьёзные бренды (юридические фирмы, банки, издательства).
- Премиум-сегмент (дорогие часы, виски, отели).
Примеры: Times New Roman, Garamond, Georgia, Literata, Playfair Display (для заголовков).
Где встречается: книги, журналы, логотипы дорогих брендов (Tiffany, Vogue), юридические документы.
Нюанс: В интерфейсах и на экранах с низким разрешением мелкие засечки могут «дрожать», поэтому для веба чаще используют гротески. Но для заголовков на сайтах — пожалуйста.
2. Гротеск (Sans Serif) - без засечек
Название переводится как «без засечек». Эти шрифты появились в XIX веке как вызов академичной антикве, а расцвели в эпоху модернизма и цифровых технологий.
Характер: современность, простота, нейтральность, технологичность, чистота.
Когда использовать:
- Интерфейсы и сайты (читаются даже на маленьких экранах).
- Посты в соцсетях, презентации, современные логотипы.
- Там, где нужна строгая функциональность без лишних деталей.
Примеры: Helvetica, Arial, Roboto, Inter, Montserrat, Open Sans.
Где встречается: почти всё в интернете, мобильные приложения, логотипы Google, Facebook*, Apple, Microsoft.
Почему они так популярны в цифре: гротески остаются читаемыми даже при очень мелком кегле и на любых экранах. Нет засечек - нет проблем с пикселями.
3. Рукописные (Script) - имитация почерка
Эти шрифты подражают письму ручкой, кистью или пером. Они могут быть изящными (каллиграфия) или небрежными (стилизация под быстрый почерк).
Характер: изящность, душевность, неформальность, иногда вычурность или игривость.
Когда использовать:
- Только акцентно. Для заголовков, цитат, приглашений, открыток.
- Никогда для длинных текстов - читать больше трёх слов рукописным шрифтом это пытка.
Примеры: Pacifico, Lobster, Great Vibes, Brush Script, Dancing Script.
Где встречается: свадебные приглашения, открытки, логотипы кофеен, парикмахерских, красивые цитаты в Instagram.
Важное предупреждение: не используйте два разных рукописных шрифта в одном макете. Это почти всегда конфликт. Рукописный + гротеск - отличная пара.
4. Декоративные (Display) - шрифты-однодневки
Это всё, что не попало в три предыдущие категории. Декоративные шрифты имеют сильный характер, часто созданы под конкретную задачу и вне своего контекста выглядят странно.
Характер: экспрессия, индивидуальность, настроение, игра.
Когда использовать:
- Только для акцентов. Заголовки, афиши, постеры, обложки.
- Для основного текста - никогда. Они нечитаемы в больших объёмах.
Примеры: Bebas Neue (высокий узкий), Playfair Display (для заголовков с сильными контрастами), любые неоновые, «дрожащие», пиксельные, трёхмерные шрифты.
Где встречается: афиши кино, обложки альбомов, хеллоуинские флаеры, логотипы фестивалей.
Правило: если шрифт кричит «посмотри на меня», дайте ему эту роль - но только на короткое время и в одном месте.
5 смертных грехов новичка
1. Больше трёх шрифтов в одном макете. Получается винегрет, глаза не знают, за что хвататься. Оптимум: два (один для заголовков, второй для текста). Третий - только если очень нужно для редких акцентов.
2. Два рукописных или два декоративных в паре. Они начинают спорить друг с другом. Если рукописный - то его партнёр только спокойный гротеск или строгая антиква.
3. Декоративный шрифт для абзаца. После третьей строчки глаза вытекают. У декоративных шрифтов часто неравномерные буквы, узкие просветы и нечитаемая форма.
4. Игнорирование читаемости. Модный тонкий шрифт на бледно-сером фоне - это красиво только в портфолио. В реальной жизни никто не сможет его прочитать.
5. Выбор шрифта «по настроению» без учёта контекста. Например, Comic Sans для похоронного агентства или Trajan Pro (римская антиква) для сайта детских игрушек. Смотрится нелепо и подрывает доверие.
Лайфхаки для работы со шрифтами
- Google Fonts - ваш лучший друг. Бесплатная библиотека с сотнями шрифтов. Можно сразу тестировать разные начертания, менять текст и размер, а потом скачать или получить код для вставки на сайт.
- Правило контраста. Лучшие пары строятся на контрасте: засечковый + без засечков. Например, Playfair Display (Serif) для заголовка и Open Sans (Sans Serif) для текста. Или наоборот, если хотите современный акцент.
- Не больше трёх шрифтов на проект. Обычно достаточно двух. Один - для заголовков и подзаголовков (может быть более выразительным). Второй - для основного текста (максимально читаемый и нейтральный).
- Сохраняйте шрифтовые пары. Когда находите удачное сочетание, записывайте его в заметки или делайте скриншот. Со временем соберёте личную библиотеку проверенных комбинаций.
- Тестируйте читаемость. Наберите длинный абзац (5-6 строк) выбранным шрифтом при реальном размере, который будет в макете. Посмотрите на него с расстояния вытянутой руки. Если щуритесь или перечитываете слова - шрифт не подходит.
- Проверяйте на разных носителях. Что хорошо выглядит на вашем макбуке, может рассыпаться на дешёвом мониторе или в печати. По возможности тестируйте шрифт на разных устройствах и в распечатке.
Итог
Шрифт - это не просто «как красиво написано». Это тонкий инструмент, который формирует первое впечатление о бренде, управляет вниманием и делает текст читаемым или нечитаемым.
Запомните четыре семейства: антиква (с засечками) - для классики и длинных текстов, гротеск (без засечек) - для современности и экранов, рукописные - для акцентов и душевности, декоративные - для кричащих заголовков на один раз.
А главное правило: не больше двух-трёх шрифтов в проекте и всегда проверяйте, удобно ли читать.
Сохраните эту статью в закладки, чтобы не гуглить каждый раз. И поделитесь в комментариях: какой шрифт вы раньше использовали везде, а теперь поняли, что это была ошибка?*