У каждого дизайнера есть любимые шрифты. У меня тоже есть подборка, которая закрывает около 90% задач моих клиентов. Эти шрифты хорошо читаются на различных экранах и не заставят пользователя сайта напрягать глаза.
Почему важно выбирать шрифт для текста?
Выбирая шрифты для веб-сайта, важно помнить, что читаемость важнее впечатления. Человек приходит на сайт за ответами на вопросы, чтобы выбрать товары или услуги. Если он начинает щуриться, вчитываться, напрягать глаза, то с большой вероятностью сайт закроют и уйдут.
Для красоты и впечатления можно использовать акцентные шрифты. Среди таких шрифтов можно выделить антиквы, акцидентные, рукописные. Но про них мы поговорим в другой раз.
Для красоты и впечатления можно использовать акцентные шрифты. Среди таких шрифтов можно выделить антиквы, акцидентные, рукописные. Но про них мы поговорим в другой раз.
Итак, вот несколько критериев для основного текста на сайте:
- Читаемость. Основной текст должен оставаться чётким и разборчивым.
- Основной текст не должен отвлекать от содержания. Декоративный или сложный шритф будет «перетягивать одеяло» и мешать восприятию.
- Поддержка кириллицы.
- Шрифт должен одинаково хорошо выглядеть как на десктопе, так и на других экранах: ноутбуке, планшете и самое главное смартфоне.
Все шрифты из списка имеют хорошую кириллицу. Найти и скачать шрифты и их начертания можно на Google Fonts бесплатно. Лицензии (на момент публикации статьи) разрешают использовать шрифты в личных и коммерческих целях.
Шрифт Roboto
Геометрический неогротеск Roboto был разработан в компании Google дизайнером Кристианом Робертсоном. Его представили в 2011 году в четвёртой версией Android Ice Cream Sandwich.
Системный шрифт Android, однако, каждый пользователь смартфона видит этот шрифт, когда пользуется сервисами Google, в том числе и YouTube. За годы использования стал привычным, понятным, вызывающим доверие. Идеальный выбор для сайтов, где критична читаемость и понятность текста на всех экранах.
- Скачать шрифт можно на Google Fonts.
Шрифт Inter
Шрифт Inter — это неогротескный шрифт без засечек, разработанный Расмусом Андерссоном в 2017 году во время его работы в Figma.
Один из основных шрифтов современного интернета. Его используют Figma, Notion и тысячи других компаний по всему миру. Inter создавался специально для экранов для улучшения читаемости тексте, особенно при использовании в небольших размерах. Универсальное решение для любых сайтов. Особенно хорош при больших объёмах информации.
- Скачать шрифт и прочитать подробнее о нем можно на Google Fonts.
Шрифт Open Sans
Open Sans — это открытый гуманистический гротеск, разработанных Стивом Мэттисоном по заказу Google в 2010 году.
Open Sans можно назвать дружелюбным шрифтом. Открытый, нейтральный, с хорошей поддержкой кириллицы и множеством начертаний. Идеален для длинных статей и инструкций, лонгридов, новостных порталов, блогов. Кстати, именно этот шрифт используется в телеграм.
- Скачать шрифт и прочитать подробнее о нем можно на Google Fonts.
Шрифт Golos Text
Golos text — это универсальный закрытый гротеск, разработанный дизайнерами Александрой Корольковой и Виталием Кузьминым в компании Паратайп в 2019 году.
Современная кириллическая гарнитура, часто выбирают для коммерческих проектов, так и государственные. Хорошо читается в любом размере от мелких подписей до крупных заголовков.
- Скачать шрифт и прочитать подробнее о нем можно на сайте Паратайп и Google Fonts.
Шрифт Nunito
Сбалансированное семейство шрифтов без засечек. Разработку шрифта начал типограф Вернон Адамс. Жак Ле Байи расширил его до полного набора начертаний и сопутствующей обычной версии без закругленного конца.
Скруглённые углы и открытые формы делают шрифт дружелюбным. Шрифт создаёт уютное настроение, поэтому подходит для образовательных платформ, семейных центров, благотворительных фондов. Отличный выбор для сайтов, на которых важно создать ощущение теплоты и безопасность.
- Скачать шрифт и прочитать подробнее о нем можно на Google Fonts.
Шрифт PT Sans
PT Sans — гротеск, разработан дизайнером Александрой Корольковой и выпущен Паратайпом в 2009 году. Проект был посвящён 300-летию реформы русского алфавита.
Легендарный шрифт от российской типографии Паратайп, который поддерживает все языки малых народов языки РФ. Создан специально для кириллицы, поэтому русский текст в нём читается легко, естественно и органично.
- Скачать шрифт и прочитать подробнее о нем можно на сайте Паратайп и Google Fonts.
Шрифт IBM Plex Sans
Шрифт, созданный корпорацией IBM дизайнером Майком Аббинком в 2017 году, чтобы заменить Helvetica и Arial в экосистеме компании.
Шрифт выглядит строго, технологично и без лишнего шума. Идеально ложится в различные интерфейсы, дашборды и техническую документацию.
- Скачать шрифт и прочитать подробнее о нем можно на Google Fonts.
Шрифт Onest
Шрифт Onest был представлен в 2022 году компанией Simpals. Спроектирован как гибрид геометрического и гуманистического гротесков. Авторы шрифта Андрей Кудрявцев и Дмитрий Волошин.
Как говорят сами создатели шритфа: «это первый молдавский шрифт, созданный с простой целью — сделать коммуникацию между государством и обществом честной и понятной». Буквы хорошо различимы даже в мелком размере. Отлично подходит для чтения длинных текстов с экранов любых размеров, а авторы рекомендуют использовать для сайтов государственных и социальных сервисов
- Скачать шрифт и прочитать подробнее о нем можно на официальном сайте и на Google Fonts.
Шрифт Mulish
Mulish — это минималистичный шрифт без засечек, разработанный Верноном Адамсом в 2011 году, а затем дорабатывался до 2014 года.
Шрифт с изящными пропорциями, спокойный и сбалансированный. На сайтах встречается не так часто, поэтому отлично подходит, если нужно сохранить читаемость и отличаться от конкурентов.
- Скачать шрифт и прочитать подробнее о нем можно на Google Fonts.
Alegreya Sans
Шрифт Alegreya Sans разработал Хуан Пабло дель Перал в 2010 году и вошел в число 14 лучших текстовых шрифтовых систем.
Этот шрифт имеет буквы разной ширины, лёгкие каллиграфические наклоны. Alegreya Sans хорошо работает в крупных и средних написаниях. Хорошо подходит для проектов, где важна читаемость и индивидуальность.
- Скачать шрифт и прочитать подробнее о нем можно на Google Fonts.
Заключение
Выбор шрифта иногда кажется мелочью. Но порой именно шрифт определяет:
Хороший шрифт для сайта не должен быть заметным или вызывать дискомфорт при чтении. Человеку должно быть удобно и легко прочитать тескт с любого, даже самого маленького экрана. Плюс не стоит забывать, что часто читают в темное время суток.
- дойдёт ли пользователь до кнопки купить или уйдёт с сайта,
- прочитает ли статью до конца или закроет её,
- найдет ли всю необходимую информацию или уйдет к конкурентам.
Хороший шрифт для сайта не должен быть заметным или вызывать дискомфорт при чтении. Человеку должно быть удобно и легко прочитать тескт с любого, даже самого маленького экрана. Плюс не стоит забывать, что часто читают в темное время суток.
