October 11

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

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

Для набора таблиц лучше всего подходят текстовые шрифты нормального начертания. Слишком узкие тяжело читать. Слишком широкие работают против компактности: не позволяют уместить большой объем данных в ограниченном пространстве.

Обычно таблицы набирают гротесками, но и нейтральные текстовые антиквы хорошо справляются с задачей:

Эдвард Тафти. Графическое представление количественной информации. 2009. С. 86

Декоративные шрифты читаются хуже и своим внешним видом отвлекают от содержания:

Если в таблице есть числа, к выбору шрифта стоит подойти особенно ответственно. Существует несколько разновидностей цифр. По ширине они делятся на текстовые и табличные, по высоте — на маюскульные и минускульные. Разберемся, какие цифры подходят для таблиц.

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

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

Текстовые (пропорциональные) цифры

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

Табличные (моноширинные) цифры

У каждого вида цифр своя область применения. Текстовые подходят для сплошного текста. Число смотрится цельно и совпадает по тону со словами:

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

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

Если поставить в таблицу текстовые цифры, то выравнивание сломается:

Цифры в списках

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

Когда цифры разной ширины, строки после них скачут:

Переключить текстовые цифры на табличные можно в настройках графического редактора, а также в коде с помощью css-свойства font-variant-numeric.

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

Маюскульные и минускульные цифры

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

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

Роберт Брингхерст. Основы стиля в типографике. 2006. С. 174. Фрагмент

В старых книгах для таблиц применяли только минускульные цифры, потому что других тогда не существовало:

Николай Коперник. О вращении небесных сфер. 1543. Фрагмент

Форма цифр

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

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

Единица 1 не должна походить на палку. Чтобы ее не путали со строчной латинской l(«эль») и прописной латинской I («и»), единице добавляют флаг и основание.

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

Шестерке 6 нужен хвост, не похожий на хвост кириллической б. И у цифры, и у буквы есть несколько вариантов его рисунка:

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

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

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

Правило то же — потенциальные проблемы стоит выявлять в мелком кегле: