Перейти к основному содержимому

Вопрос-ответ Дизайн и UX

Какие шрифты выбрать для сайта?

Юлия, Новосибирск 333 просм.

Здравствуйте! Делаю сайт для салона красоты, хочется чего-то не банального, но дизайнер прислал шрифт с завитушками, который на телефоне превращается в кашу. Как вообще выбирать шрифты, чтобы и красиво было, и читалось нормально на маленьком экране?

Елена Захарова UI/UX-дизайнер

ответил

эксперт

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

Для заголовков подойдёт шрифт с характером - засечками, необычным начертанием, акцентными формами, но использовать его стоит только в крупном размере (от 24-28 px) и в небольшом объёме текста: одна строка заголовка, а не абзац. Для основного текста нужен нейтральный гротеск с открытым рисунком букв - у него читаемость проверена десятилетиями использования в интерфейсах, и на маленьких размерах он не рассыпается.

Обязательно проверяйте кириллицу: часть модных шрифтов с зарубежных сайтов вообще не поддерживает русские буквы или подставляет их из системного шрифта, и результат на экране будет отличаться от макета. Проверить можно прямо в Google Fonts - там показан образец кириллического текста, если поддержка есть.

По скорости загрузки: свои шрифты, подключённые с сервера сайта, работают быстрее, чем запрос к внешнему Google Fonts - меньше внешних соединений, меньше задержка до появления текста на экране, это особенно заметно на мобильном интернете. Двух-трёх начертаний (обычное, полужирное, для заголовков) обычно достаточно на весь сайт: чем больше файлов шрифтов подключено, тем медленнее грузится страница. Если хочется индивидуальности, лучше взять нейтральную пару шрифтов и выразить характер бренда цветом, отступами и версткой, а не гоняться за экзотическим начертанием.

Подробный разбор Шрифты для сайта: выбор, подключение и лицензии
Все вопросы темы

Задать свой вопрос

Вопросы проходят модерацию. Ответ специалиста студии публикуется на сайте в течение пары дней.

Похожие вопросы

Все вопросы темы «Дизайн и UX»

Нужен сайт или доработка?

Опишите, что нужно сделать. Вернёмся с расчётом и предложением по структуре.