Какие шрифты выбрать для сайта?
Юлия, Новосибирск 333 просм.
Здравствуйте! Делаю сайт для салона красоты, хочется чего-то не банального, но дизайнер прислал шрифт с завитушками, который на телефоне превращается в кашу. Как вообще выбирать шрифты, чтобы и красиво было, и читалось нормально на маленьком экране?
Елена Захарова UI/UX-дизайнер
ответил
Для сайта нужны минимум два шрифта: один для заголовков, где можно позволить характер и декоративность, и один для основного текста - строгий, без засечек-завитушек, с хорошей читаемостью в мелком размере. Декоративный шрифт с тонкими элементами и завитками действительно теряет форму на экране телефона: буквы сливаются, и текст читать неприятно.
Для заголовков подойдёт шрифт с характером - засечками, необычным начертанием, акцентными формами, но использовать его стоит только в крупном размере (от 24-28 px) и в небольшом объёме текста: одна строка заголовка, а не абзац. Для основного текста нужен нейтральный гротеск с открытым рисунком букв - у него читаемость проверена десятилетиями использования в интерфейсах, и на маленьких размерах он не рассыпается.
Обязательно проверяйте кириллицу: часть модных шрифтов с зарубежных сайтов вообще не поддерживает русские буквы или подставляет их из системного шрифта, и результат на экране будет отличаться от макета. Проверить можно прямо в Google Fonts - там показан образец кириллического текста, если поддержка есть.
По скорости загрузки: свои шрифты, подключённые с сервера сайта, работают быстрее, чем запрос к внешнему Google Fonts - меньше внешних соединений, меньше задержка до появления текста на экране, это особенно заметно на мобильном интернете. Двух-трёх начертаний (обычное, полужирное, для заголовков) обычно достаточно на весь сайт: чем больше файлов шрифтов подключено, тем медленнее грузится страница. Если хочется индивидуальности, лучше взять нейтральную пару шрифтов и выразить характер бренда цветом, отступами и версткой, а не гоняться за экзотическим начертанием.
Задать свой вопрос
Вопросы проходят модерацию. Ответ специалиста студии публикуется на сайте в течение пары дней.
Вопрос отправлен на модерацию. После проверки он появится на сайте вместе с ответом.
Вопрос не отправлен: нужно подтвердить согласие на обработку персональных данных.