Вы знали, что шрифт – это не просто текст, а голос вашего проекта? В 2025 году мы видим, как дизайнеры все чаще «играют» со шрифтами: ломают правила, используют переменные гарнитуры и делают текст интерактивным, чтобы пользователям хотелось вновь вернуться.
Какие решения в веб-типографике устарели, а какие стали стандартом, газете «О финансах и не только» рассказал Юрий Косаговский, управляющий партнер и один из основателей брендингового агентства MindRepublic.
— Как в 2025 году изменились подходы к выбору шрифтов по сравнению с предыдущими годами?
— Если раньше дизайнеры гонялись за минимализмом и универсальными sans-serif шрифтами, то теперь на сцене смелые эксперименты: возвращение выразительных засечек, нео-ретро, кастомные рукописные шрифты и даже «антидизайн» с намеренно нарушенными правилами.
Шрифты стали инструментом не только для передачи информации, но и для создания настроения, индивидуальности и даже легкой самоиронии бренда.
«Аккуратнее используйте гротескные шрифты, которые в моменте находятся на пике популярности. Ведь их могут взять ваши конкуренты, тогда это размоет ваш брендинг и даже может навредить репутации», — Юрий Косаговский.
— Как правильно сочетать шрифты, чтобы сохранить читаемость и стиль?
— Перед тем, как приступить к дизайну сайта, важно подобрать шрифтовые пары. Разные шрифты для заголовков и основного текста помогают читателю не потеряться. Но используйте не более трех шрифтов на сайте. Больше — уже типографический зоопарк.
Сочетайте засечки с гротесками, рукописные с нейтральными, но избегайте пар «почти одинаковых». Пусть у шрифтов будет хотя бы одна общая черта: высота, настроение или принадлежность к эпохе. Если не рискуете сами сделать выбор, то можно использовать готовые подборки шрифтов. И обязательно тестируйте ваш дизайн. Подойдет хотя бы «коридорный тест», покажите его 5 случайным людям. Если дизайнеру нравится, а читателю – нет, значит, нужен другой шрифт.
— Какие технические требования к веб-шрифтам стали критически важными?
— Сейчас критически важно не только, как шрифт выглядит, но и как он влияет на скорость, доступность и адаптивность сайта. Например, использование WOFF2 помогает существенно ускорить загрузку страниц и снизить нагрузку на сервер.
Также использование CSS-свойства font-display позволяет контролировать отображение текста до загрузки шрифта, например, swap или fallback. Это предотвращает «невидимый текст» при медленном интернете и улучшает показатели CLS.
«Веб-шрифты должны обеспечивать высокий контраст, поддерживать кириллицу», — Юрий Косаговский.
— Как адаптировать типографику под мобильные устройства и разные экраны?
— Кегль зависит, прежде всего, от выбранного шрифта, но как правило минимальный размер основного текста для мобильных 16px. Меньше только, если вы хотите, чтобы пользователи тренировались в угадывании слов.
Относительные единицы (em, rem, clamp) позволяют шрифту подстраиваться под ширину экрана без лишних медиа-запросов. Оптимальная длина строки: 35–45 символов для мобильных и до 75 для десктопа. Тестирование на реальных устройствах — только так можно понять, не «поплыл» ли ваш идеальный макет на чьем-то старом смартфоне.
— Как использовать переменные шрифты для создания динамичного дизайна?
— Если речь про вариативные шрифты, то это уже технологический стандарт, который дает дизайнерам и разработчикам уникальные возможности.
Один файл содержит множество стилей: толщина, ширина, наклон и др., что экономит трафик и ускоряет загрузку сайта. Размер файла может быть на 80% меньше, чем суммарный объем статических вариантов.
С помощью CSS можно плавно менять параметры шрифта в зависимости от размера экрана, темы, пользовательских настроек или даже скролла. Это позволяет создавать по-настоящему адаптивную и интерактивную типографику.
Вариативные шрифты поддерживают анимацию свойств, например, плавное изменение толщины или ширины при наведении мыши или переключении темы сайта.
Юрий Косаговский, управляющий партнер и один из основателей брендингового агентства MindRepublic.
Беседовала Карина Лунёва