1 10 1160x620 - Лучшие бесплатные шрифты для работы с числами и данными

Хотя в наши дни в блогах написано бесчисленное множество публикаций и списков рекомендаций по шрифтам, не так просто найти лучшие шрифты для чисел. Для вас не так много рекомендаций, если вы не можете себе позволить FF DIN или Numbers от H&CO.

Наши принципы

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

1. Равновысокие и табличные цифры

Первое правило при выборе правильного цифрового шрифта – убедиться, что он содержит равновысокие (lining) и табличные (tabular) цифры.

Термин равновысокие (маюскульные) цифры означает, что все цифры лежат на базовой линии и выровнены по высоте начальной буквы, и не имеют верхних и нижних выносных элементов (т.н. «старый стиль»).

Лучшие бесплатные шрифты для работы с числами и данными
Сверху: Libre Baskerville; снизу: Merriweather

Термин табличные цифры просто означает, что цифры являются моноширинными – каждое число занимает одно и то же горизонтальное пространство, вместо того, чтобы варьировать пространство в соответствии с собственной формой (в типографике это называется «пропорциональные» цифры).

Лучшие бесплатные шрифты для работы с числами и данными
Слева: Lato; справа: Work Sans

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

2. Подходящие цифровые символы

Вторым шагом необходимо проверить насколько подходящие символы имеет заданный цифровой шрифт. Иногда в бесплатных шрифтах отдельные символы могут оказаться непредсказуемыми.

Например, символы «$» и «%» могут вас удивить, если вы не проверите их заранее:

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

Мы всегда проверяем символы «%» и «$», поэтому наша строка тестирования выглядит так: $ 123 456 789,00%. Добавьте другие символы, если они нужны для вашего набора данных.

3. Проверьте дизайн каждой цифры

Наконец, прежде чем выбрать шрифт, дважды проверьте дизайн всех его цифр – убедитесь, что цифра «один» не похожа на «семь», а «пять» не похожа на «шесть» и т. д.

Вот несколько примеров запутанных цифр со странным дизайном:

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

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

Рекомендации по шрифтам Google

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

Шрифты с засечками

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

1. Droid Serif

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

Droid Serif предельно прост. Типичный, хороший, современный шрифт с засечками и красивыми цифрами. Он не добавит вашему проекту слишком много блеска, но он универсален и его чрезвычайно легко читать на любом экране.

Если вам доводилось использовать PT Sans или Source Sans ProPT Serif и Source Serif Pro – это два других универсальных шрифта с засечками, имеющих хороший дизайн цифр.

2. Crimson Text

Лучшие бесплатные шрифты для работы с числами и данными
Размер шрифта строк с полужирным и жирным шрифтом немного уменьшен, иначе они были бы слишком длинными

Crimson Text – это то, что нужно для шрифтов с засечками в стиле Garamond. Это широко используемый шрифт с засечками, имеющий, как равновысокие, так и табличные цифры. Они прекрасно вписываются в этот стиль.

3. Old Standard TT

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

Если вы ищете классический, элегантный стиль, Old Standard TT – то, что нужно. С двойной вертикальной линией на знаке доллара и красивой волнистой линией в цифрах «2» и «7» он, безусловно, вызывает ощущение олдскула.

4. Kameron

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

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

5. Copse

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

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

Рубленые (гротесковые) шрифты

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

1. Open Sans

Лучшие бесплатные шрифты для работы с числами и данными
У этого шрифта больше вариантов веса, чем показано на этом изображении

В настоящее время Open Sans является самым популярным шрифтом Google. Многие могут утверждать, что он скучный и станет таким же клише, как Helvetica, но это хороший универсальный рубленый шрифт с красивыми цифрами. Если вы уже используете Open Sans, используйте его для чисел.

2. Lato

Лучшие бесплатные шрифты для работы с числами и данными
У этого шрифта больше вариантов веса, чем показано на этом изображении

Еще один широко распространенный рубленый шрифт. Он сильно отличается стилем от Open Sans, благодаря более низкому контрасту и поперечной черте в основании цифры «1», но при этом он довольно универсален.

3. Roboto Condensed

Лучшие бесплатные шрифты для работы с числами и данными
У этого шрифта больше вариантов веса, чем показано на этом изображении

Размышляя о цифровых шрифтах с засечками, некоторые из вас, возможно, захотят использовать Oswald из-за его сильного, сжатого стиля. К сожалению, Oswald содержит пропорциональные числа и не подойдет в тех случаях, когда вам нужно вертикальное выравнивание. Roboto Condensed – лучшая табличная альтернатива, которую мы нашли.

4. Titillium Web

Лучшие бесплатные шрифты для работы с числами и данными
У этого шрифта больше вариантов веса, чем показано на этом изображении

Titillium Web имеет уникальный стиль. Он квадратный и кажется суровым. Если вы хотите, чтобы стиль передавал холодную суровую правду, Titillium может оказаться хорошим выбором.

5. Varela Round

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

Varela Round – это полная противоположность предыдущему шрифту. Он очень круглый и милый. Если вы хотите сделать цифры более дружелюбными или соответствующими вашей отрасли, Varela Round – отличный выбор.

Кроме того, стоит упомянуть, что Varela Round часто используется как облегченная версия Montserrat, очень популярного рубленого шрифта. Поскольку в Montserrat нет табличных цифр, Varela Round (или Varela) отлично подойдет для этой задачи.

Экранные шрифты

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

1. Graduate

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

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

2. Changa One

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

Changa One дает вам сильные полужирные табличные цифры. Он менее формален, чем жирные рубленные шрифты, и может пригодиться для развлекательной инфографики и плакатов.

3. Special Elite

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

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

4. Stardos Stencil

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

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

5. Iceland

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

Iceland – это квадратный современный геометрический шрифт, отлично подходящий для технологических и механических данных. Если вам нужен более высокий шрифт выберите Iceberg – еще один отличный шрифт от того же дизайнера.

Пропорциональные шрифты

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

1. Montserrat

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

Список рекомендаций по шрифтам от Google не будет полным без Montserrat.  Он имеет изящные цифры. (Эх, если бы они были табличными!)

2. Poppins

Лучшие бесплатные шрифты для работы с числами и данными
У этого шрифта больше вариантов веса, чем показано на этом изображении

Еще один широко используемый рубленый шрифт Poppins также имеет великолепный дизайн цифр. Цифра «9» немного нескладная, но в целом это отличный шрифт, у которого больше вариантов веса, чем у Montserrat.

3. Bitter

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

Bitter – шрифт с засечками. Это отличный титульный шрифт с большими цифрами. Как и Montserrat с Poppins, Bitter широко используется во всем мире, и вам определенно следует подумать об использовании его цифр, если вы уже используете его.

4. Ultra

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

Ultra – это жирный шрифт. Если бы у него были табличные цифры, у Changa One не было бы шансов. Если вы ищете шрифт для больших чисел, например, заголовок плаката, Ultra – отличный выбор.

5. Fjalla One

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

Мы много думали над тем, стоит ли нам включать в наш список Oswald, потому что многие используют его в качестве сжатого жирного цифрового шрифта и, возможно, как бесплатную альтернативу FF Din. Тем не менее, время от времени знак доллара и цифра «4» в шрифте Oswald выглядят противоречиво. Поэтому мы представляем Fjalla One, как альтернативу с более сбалансированными цифрами.

Дополнительные ресурсы

Вот и все. Вы ознакомились с нашими тремя принципами выбора лучших шрифтов для чисел и визуализации данных, и 20 отличными бесплатными шрифтами от Google для отображения чисел. Надеюсь, эта статья была полезной! Чем вы руководствуетесь в выборе шрифтов для чисел?

Чтобы узнать больше о наших процессах проектирования и разработки, пожалуйста, подпишитесь на нашу рассылку: Graphiq Inc.

Спасибо Hillary McDaniel.

Оригинал: Samantha Zhang

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Похожие записи

Огромная подборка лучших инструментов дизайна на все случаи жизни

Инструменты для подбора цвета, шрифтов, иллюстраций, создания и тестирования дизайна

50 бесплатных современных шрифтов

Если вы ищете великолепный и стильный шрифт, посмотрите на эту современную подборку

15 примеров того, как создать крутой одностраничный сайт

Вы стали профессионалом в создании многостраничных сайтов, возможно, создали нескольких довольно крупных.…