Дизайн и UX
Шрифты для сайта: как сделать, чтобы текст читался и не «дешевил» макет
Какие шрифты использовать на сайте в 2026 году, как комбинировать пары и какие размеры выбрать для заголовков и текста.
· 4 мин чтения
Шрифт — это «тон голоса» бренда. Удачная пара шрифтов делает сайт легко читаемым и солидным. Неудачная — превращает даже хороший текст в нечитаемую кашу.
Чем руководствоваться
- Кириллица: проверьте, что есть все буквы и цифры
- Начертания: минимум Regular, Medium, Bold
- Размер тела: не меньше 16 px на десктопе
- Высота строки: 1,5–1,7 для основного текста
- Длина строки: 60–90 символов
Хорошие пары
- Manrope + Inter — современная универсальная пара
- Onest + IBM Plex Sans — для IT и продуктовых сайтов
- Geologica + Golos Text — для медиа и блогов
- PT Serif + Inter — для премиума и экспертных сайтов
Что лучше не делать
- Не использовать больше двух шрифтов
- Не ставить декоративные шрифты в основной текст
- Не делать тёмно-серый текст на белом — глазу тяжело
- Не растягивать кириллицу — она ломается
Простое правило: один шрифт для заголовков, один — для текста. Если в сомнении, оставьте Manrope или Inter — это рабочая лошадка для 90% проектов.
Готовый сайт за 15 минут — без программистов
Опишите идею в чате с ИИ — Webstarter соберёт лендинг или многостраничный сайт под ваш бизнес.
Сгенерировать сайтЧитайте также
Дизайн и UX
Современный дизайн сайта 2026: тренды, которые работают
Главные тренды веб-дизайна 2026: крупная типографика, мягкие цвета, микроанимации и дать глазу отдохнуть. И что из старого пора убрать с сайта.
Дизайн и UX
10 ошибок дизайна, из-за которых уходят с сайта
Чек-лист из 10 типовых ошибок: контрасты, шрифты, кнопки, мобильная версия. Что чаще всего отпугивает посетителей и снижает конверсию.
Дизайн и UX
Какие цвета выбрать для сайта: психология и конверсия
Как цвет влияет на восприятие сайта, как подобрать палитру под нишу, какие цвета лучше для CTA-кнопок и как избежать перебора.
Дизайн и UX
Анимации на сайте: где помогают, а где раздражают
Какие микроанимации повышают конверсию, как использовать скролл-анимации без перегруза и почему «громкие» эффекты вредят сайту.