Лучшие бесплатные шрифты для цифр и чисел
На что обратить внимание при выборе шрифта для ценников и таблиц.
Шрифт может отлично работать в основном тексте, но оказаться неудачным для цифр. Из-за этого цены, даты, номера телефонов и данные в таблицах становится сложнее воспринимать, хотя сама гарнитура выглядит удачно. Поэтому при выборе шрифта дизайнеры оценивают не только буквы, но и цифры.
В статье разбираемся:
- какие вообще существуют виды шрифтов для цифр и чисел;
- на что важно обратить внимание при выборе;
- какие шрифты точно подойдут для разных задач;
- и какие шаги нельзя пропускать при выборе шрифта.
Какими бывают цифры в шрифтах
Большинство современных шрифтов включают полный набор цифр. Но это не значит, что все они выглядят одинаково: в одном шрифте может быть несколько вариантов начертания для разных задач — например, для сплошного текста, таблиц или финансовых документов.
Вспомним, на какие основные группы стилистически делятся шрифты:
- рубленые шрифты — без засечек;
- шрифты с лёгкими засечками — с несколько утолщёнными концами вертикальных штрихов;
- медиевальные — с небольшими засечками треугольной формы, иногда с небольшим наклоном округлых букв;
- обыкновенные шрифты — с тонкими длинными засечками и вертикальной осью букв;
- брусковые шрифты — неконтрастные или малоконтрастные, с длинными утолщёнными засечками в форме брусков;
- малоконтрастные шрифты — это шрифты, в которых разница между толщиной вертикальных и горизонтальных штрихов очень мала или почти незаметна, с длинными утолщёнными или закруглёнными засечками.
Цифры часто передают важную информацию — например, номер телефона или график работы. Чтобы их было легко читать, дизайнеры обычно выбирают шрифты с минимально заметными засечками или без них.

Читайте также:
7 историй создания современных шрифтов
Каким был главный шрифт у рокеров 1960-х, как реставратор мебели работал с Google Fonts и какой символ Proxima Nova унаследовала из «Звёздных войн».
По типу оформления самих цифр шрифты делятся уже иначе.
Минускульные цифры (Old-style figures)
К минускульным относят начертания, у которых базовая высота цифр приближена к высоте строчных букв. У них могут быть выносные элементы: нижние у 3, 4, 5, 7, 9 и верхние у 6 и 8. Но в целом такие цифры не слишком отличаются от букв, поэтому их удобно использовать в макетах, где числа должны естественно встраиваться в текст — например, когда в материале много дат.

Скриншот: Vaishnavi Murthy / Juan Luis Blanco / Google Fonts / Skillbox Media
Маюскульные цифры (Lining figures)
У маюскульных цифр нет выносных элементов, а их высота — практически такая же, что и у заглавных букв. Дизайнеры выбирают такое начертание, чтобы сделать акцент именно на цифрах — например, при указании даты проведения мероприятия.
Если у шрифта по умолчанию есть две версии начертания — минускульные и маюскульные цифры, — то для переключения между ними в графических редакторах можно использовать операцию AllCaps.

Скриншот: TypeHabesha / Behailu Berento / Google Fonts / Skillbox Media
Гибридные цифры (Hybrid figures)
Гибридные цифры можно использовать как для акцентов, так и в тексте. Обычно их высота — чуть больше, чем у строчных букв, а выносные элементы есть только у цифр 6 и 9.

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

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

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

Скриншот: Carolina Trebol / Google Fonts / Skillbox Media
Определитесь, для чего вам нужен шрифт. Если для цифр внутри текста — на них не нужно делать сильный акцент. Если же цифры — это отдельный элемент, нужно тщательно проверить, как они выглядят. Обратите внимание на то, каждая ли цифра в шрифте читается так, как нужно — иногда 1 и 7 выглядят очень похоже, а при определённом начертании числа в целом сложно воспринимать. Также при выборе отдельного шрифта для цифр важно сравнить его с остальными гарнитурами, которые вы используете в макете.
Топ-5 интересных шрифтов для чисел
Crimson Text
Элегантный шрифт с засечками. Все цифры имеют одинаковую ширину и высоту, поэтому он хорошо подходит для сплошного текста. В шрифте есть несколько вариантов начертания цифр, но обратите внимание на форму цифры 7: в некоторых из них она заметно отличается и может привлекать больше внимания.

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

Скриншот: Steve Matteson / Google Fonts / Skillbox Media
Libre Baskerville
Классический шрифт с небольшими засечками. Цифры хорошо читаются, но выглядят более выразительно, чем в большинстве гротесков. Подойдёт для книг, журналов, образовательных материалов и сайтов, где важно сохранить ощущение традиционной типографики.

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

Скриншот: Łukasz Dziedzic / Google Fonts / Skillbox Media
Varela Round
Моноширинный шрифт без засечек с округлыми символами. Хорошо сочетается со многими другими шрифтами без засечек и удобен в случае, если вы хотите не только сделать акцент на цифрах, но и сохранить более строгое написание остального шрифта. Его единственный минус — отсутствие вариативности стилей в бесплатной версии.

Скриншот: Joe Prince / Google Fonts / Skillbox Media
Шаг за шагом выбираем шрифт для цифр и чисел
Первое, что вам нужно сделать, — это понять, где будет использоваться шрифт. Для интерфейсов лучше выбирать современные шрифты с высокой читаемостью и простыми формами. Для таблиц, финансовых документов и меню лучше подходят табличные моноширинные цифры. На афишах и баннерах, где нужно сделать акцент на цифрах, можно брать более выразительные и крупные символы, но не упускайте из внимания их читаемость.
Чаще всего выбор стоит между шрифтами с засечками и без засечек. В остальном — лучше выбирать маюскульные начертания без выносных элементов.
Если вы используете шрифты для источников, в которых может меняться масштабирование, — заранее проверьте, не искажаются ли цифры. Такое может происходить со шрифтами с засечками, когда при маленьком масштабе некоторые цифры невозможно отличить друг от друга.
После того как вы выбрали шрифт, проверьте лицензию. Даже если шрифт лежит в Google Fonts как бесплатный, у него могут быть особенности использования в разном контенте — например, запрет на размещение в коммерческих материалах.
Главное — помните, что универсальных шрифтов не бывает. Конечно, можно взять уже утомившие в интерфейсах Roboto, в инфографике IBM Plex Sans или JetBrains Mono, а в афишах Manrope. Они хорошо работают и выполняют свои задачи. Но сейчас дизайнеры создают огромное количество шрифтов, многие из которых бесплатны. Самое время попробовать что-то новое.