Скидка до 60% и курс в подарок 2 дня 09 :56 :09 Выбрать курс
Дизайн
#статьи

Лучшие бесплатные шрифты для цифр и чисел

На что обратить внимание при выборе шрифта для ценников и таблиц.

Иллюстрация: Polina Vari для Skillbox Media

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

В статье разбираемся:


Какими бывают цифры в шрифтах

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

Вспомним, на какие основные группы стилистически делятся шрифты:

  • рубленые шрифты — без засечек;
  • шрифты с лёгкими засечками — с несколько утолщёнными концами вертикальных штрихов;
  • медиевальные — с небольшими засечками треугольной формы, иногда с небольшим наклоном округлых букв;
  • обыкновенные шрифты — с тонкими длинными засечками и вертикальной осью букв;
  • брусковые шрифты — неконтрастные или малоконтрастные, с длинными утолщёнными засечками в форме брусков;
  • малоконтрастные шрифты — это шрифты, в которых разница между толщиной вертикальных и горизонтальных штрихов очень мала или почти незаметна, с длинными утолщёнными или закруглёнными засечками.

Цифры часто передают важную информацию — например, номер телефона или график работы. Чтобы их было легко читать, дизайнеры обычно выбирают шрифты с минимально заметными засечками или без них.

Читайте также:

7 историй создания современных шрифтов

Каким был главный шрифт у рокеров 1960-х, как реставратор мебели работал с Google Fonts и какой символ Proxima Nova унаследовала из «Звёздных войн».

По типу оформления самих цифр шрифты делятся уже иначе.

Минускульные цифры (Old-style figures)

К минускульным относят начертания, у которых базовая высота цифр приближена к высоте строчных букв. У них могут быть выносные элементы: нижние у 3, 4, 5, 7, 9 и верхние у 6 и 8. Но в целом такие цифры не слишком отличаются от букв, поэтому их удобно использовать в макетах, где числа должны естественно встраиваться в текст — например, когда в материале много дат.

В шрифте Akaya Telivigala особенно выделяются цифры с нижними выносными элементами
Скриншот: Vaishnavi Murthy / Juan Luis Blanco / Google Fonts / Skillbox Media

Маюскульные цифры (Lining figures)

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

Если у шрифта по умолчанию есть две версии начертания — минускульные и маюскульные цифры, — то для переключения между ними в графических редакторах можно использовать операцию AllCaps.

Hibur Mono — маюскульный шрифт, в котором нет выносных элементов
Скриншот: TypeHabesha / Behailu Berento / Google Fonts / Skillbox Media

Гибридные цифры (Hybrid figures)

Гибридные цифры можно использовать как для акцентов, так и в тексте. Обычно их высота — чуть больше, чем у строчных букв, а выносные элементы есть только у цифр 6 и 9.

Скриншот: Swiss Typefaces / Skillbox Media

Капительные цифры (Small caps figures)

Капитель — это начертание, в котором строчные буквы выглядят как уменьшенные заглавные. В случае если у шрифта есть такое начертание, для цифр тоже создают отдельную капительную вариацию. При этом они могут быть как маюскульными, так и минускульными.

Кодовая таблица шрифта Maregraphe
Скриншот: Maregraphe Text / type.today / Skillbox Media

Табличные и пропорциональные цифры (Tabular figures, Lining figures)

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

Ширина знаков у табличных шрифтов идентична
Скриншот: Mike Abbink / Bold Monday / Khajag Apelian / Wael Morcos / Google Fonts / Skillbox Media
У пропорциональных же ширина цифр меняется в зависимости от стиля букв
Скриншот: Kimberly Geswein / Google Fonts / Skillbox Media

Табличные цифры лучше всего подходят для использования подряд, например при указании номеров телефонов или в прайс-листах. Они легче воспринимаются, с ними удобнее работать в вёрстке. В то время как пропорциональные больше похожи на буквы и хорошо смотрятся внутри текста.

Как выбрать шрифт для цифр

Часто у компаний уже есть утверждённый шрифт для цифр или для материалов, содержащих цифры. Но если выбираете с нуля, можно обратиться к ряду рекомендаций, которым часто следуют дизайнеры и креативные агентства.

  • Проверьте, равны ли цифры по высоте и ширине — часто дизайнеры заранее выбирают табличные шрифты без выносных элементов, так как они наиболее читабельны.
  • Убедитесь, что в шрифте есть все специальные элементы для работы с числами — в гарнитуре может не оказаться знака процента, дробей или их начертание будет отличаться от остального шрифта.
В некоторых шрифтах могут отсутствовать специальные знаки, например как в шрифте Marvel
Скриншот: Carolina Trebol / Google Fonts / Skillbox Media

Определитесь, для чего вам нужен шрифт. Если для цифр внутри текста — на них не нужно делать сильный акцент. Если же цифры — это отдельный элемент, нужно тщательно проверить, как они выглядят. Обратите внимание на то, каждая ли цифра в шрифте читается так, как нужно — иногда 1 и 7 выглядят очень похоже, а при определённом начертании числа в целом сложно воспринимать. Также при выборе отдельного шрифта для цифр важно сравнить его с остальными гарнитурами, которые вы используете в макете.

Топ-5 интересных шрифтов для чисел

Crimson Text

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

Из-за того, что Crimson Text — это моноширинный шрифт, при изменении начертания некоторые цифры становятся более акцентными. Но в этом и заключается его прелесть
Скриншот: Sebastian Kosch / Google Fonts / Skillbox Media

Open Sans

Один из самых популярных шрифтов в Google Fonts. Это шрифт без засечек с хорошо читаемыми цифрами, которые остаются чёткими даже при изменении масштаба. Благодаря большому выбору начертаний Open Sans легко адаптировать под разные задачи — например, сделать цифры более заметными или, наоборот, менее акцентными.

Open Sans — популярный шрифт, который можно встретить практически везде. Если вы боитесь, что ваш шрифт где-то не будет отображаться, то смело можно выбирать Open Sans
Скриншот: Steve Matteson / Google Fonts / Skillbox Media

Libre Baskerville

Классический шрифт с небольшими засечками. Цифры хорошо читаются, но выглядят более выразительно, чем в большинстве гротесков. Подойдёт для книг, журналов, образовательных материалов и сайтов, где важно сохранить ощущение традиционной типографики.

Даже с засечками Libre Baskerville остаётся читаемым при любом начертании
Скриншот: Impallari Type / Google Fonts / Skillbox Media

Lato

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

Lato уникален тем, что у него есть очень тонкое начертание даже для цифр
Скриншот: Łukasz Dziedzic / Google Fonts / Skillbox Media

Varela Round

Моноширинный шрифт без засечек с округлыми символами. Хорошо сочетается со многими другими шрифтами без засечек и удобен в случае, если вы хотите не только сделать акцент на цифрах, но и сохранить более строгое написание остального шрифта. Его единственный минус — отсутствие вариативности стилей в бесплатной версии.

У Varela Round есть только один вариант начертания
Скриншот: Joe Prince / Google Fonts / Skillbox Media

Шаг за шагом выбираем шрифт для цифр и чисел

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

Чаще всего выбор стоит между шрифтами с засечками и без засечек. В остальном — лучше выбирать маюскульные начертания без выносных элементов.

Если вы используете шрифты для источников, в которых может меняться масштабирование, — заранее проверьте, не искажаются ли цифры. Такое может происходить со шрифтами с засечками, когда при маленьком масштабе некоторые цифры невозможно отличить друг от друга.

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

Главное — помните, что универсальных шрифтов не бывает. Конечно, можно взять уже утомившие в интерфейсах Roboto, в инфографике IBM Plex Sans или JetBrains Mono, а в афишах Manrope. Они хорошо работают и выполняют свои задачи. Но сейчас дизайнеры создают огромное количество шрифтов, многие из которых бесплатны. Самое время попробовать что-то новое.

Станьте графическим дизайнером
На курсе Skillbox вы освоите творческую профессию с нуля и создадите 11 проектов для реальных брендов.
Узнать о курсе
Онлайн-курс «Графический дизайн»
Вы получите профессию с гарантией трудоустройства и начнёте зарабатывать с 4-го месяца обучения.
Узнать о курсе

Курс с трудоустройством: «Профессия Графический дизайнер PRO» Узнать больше
Понравилась статья?
Да

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies 🍪

Ссылка скопирована