Узкие гротески для таблиц и плотной вёрстки
Сжатые и умеренно сжатые текстовые семейства, в которые на строке помещается больше знаков: для таблиц, боковых колонок, форм и мобильных экранов.
Qty Unit price Total
Иногда в макете просто не хватает ширины. Таблица на восемь столбцов, боковая колонка, навигация в мобильной версии, подпись поля, которая должна уместиться в одну строку, карта с множеством названий: в каждом из этих случаев узкий шрифт решает проблему чище, чем уменьшение кегля. Мелкий текст быстро теряет читаемость, а сужение стоит дешевле.
Здесь собраны узкие текстовые гарнитуры, а это не то же самое, что сжатые акцидентные шрифты. Заголовочный гротеск можно сжать очень сильно, потому что его читают крупным. Текстовый шрифт должен оставаться читаемым при 11 или 12 пикселях, поэтому хорошие из них сжаты умеренно, сохраняют открытые внутрибуквенные просветы и слегка раздвигают интервалы для компенсации. Многие из них — узкая ширина большого семейства, и это настоящее преимущество: обычной шириной можно набрать абзацы, а узкой — таблицы, и они совпадут по высоте и насыщенности.
Прежде чем решать, проверьте два момента. Во-первых, цифры: в таблице цифры одинаковой ширины удерживают столбцы чисел ровными. Во-вторых, набор насыщенностей: плотная вёрстка опирается на Bold и Medium, чтобы выделять заголовки и итоги.
-
Roboto Condensed
Высокие сжатые буквы с прямыми боками округлых знаков; рассчитан на использование рядом с родительским семейством обычной ширины; девять насыщенностей с курсивом, кириллица и греческий.
-
IBM Plex Sans Condensed
The narrow cut of a corporate grotesque with engineered details, for tight columns, tables and dense screens; seven weights with italics.
-
Fira Sans Condensed
Compressed letters that keep open apertures and a tall lowercase, from a family tuned for phone screens; nine weights with italics, Cyrillic and Greek.
-
Barlow Semi Condensed
Чуть уже обычного, с открытыми внутрибуквенными просветами у «a», «e» и «g» и цифрами, которые легко различить; девять насыщенностей с курсивом.
-
Archivo Narrow
Сжатый, но не стиснутый: округлые чаши, плоские окончания штрихов и высокие строчные; четыре насыщенности от Regular до Bold с курсивом.
-
Asap Condensed
Tall, close-set letters with slightly rounded corners and numerals as narrow as the capitals; eight weights with italics.
-
Encode Sans Semi Condensed
One step narrower than the normal width, mild enough that text still reads at an ordinary pace; nine upright weights from Thin to Black.
-
Encode Sans Condensed
The narrow member of a five-width superfamily, so a layout can change width without changing typeface; nine upright weights from Thin to Black.
-
Sofia Sans Semi Condensed
Saves space without the tightness of its two narrower siblings; nine weights with italics across Latin, Cyrillic and Greek.
-
Sofia Sans Condensed
Tall letters with flat-flanked ovals, covering Latin, Cyrillic and Greek in nine weights with italics, with several figure styles and arrows.
-
Cabin Condensed
A humanist sans that keeps slightly oval, pen-influenced rounds at a narrow width; four upright weights from Regular to Bold.
-
Reddit Sans Condensed
Compressed but not rigid, with round bowls, open apertures and a two-story a; eight upright weights from ExtraLight to Black.
-
Cuprum
A narrow grotesque with flat-sided ovals and a tall lowercase, in four weights from Regular to Bold with italics and Cyrillic.
-
PT Sans Narrow
Сохраняет открытые формы родительского семейства при ширине около четырёх пятых от обычной, для экономного набора; Regular и Bold, с кириллицей.
-
Pragati Narrow
A tightly fitted Devanagari and Latin sans developed for screens, in Regular and Bold.
В образцах загружается только базовая латиница каждого семейства. Все семейства здесь — с открытой лицензией; на странице каждого указаны условия и есть исходные файлы.
Вопросы и ответы: Узкие гротески для таблиц и плотной вёрстки
Что лучше: сжатый шрифт или меньший кегль?
Если нужна небольшая экономия, сжатая ширина обычно сохраняет читаемость лучше, чем уменьшение кегля. Меньше примерно 11 пикселей на экране не помогает ни то, ни другое, и тогда нужно пересматривать саму вёрстку.
Можно ли сочетать сжатую и обычную ширину одного семейства?
Да, это самое чистое сочетание из возможных: у них общие пропорции и толщина штриха, поэтому переход читается как смена плотности, а не как смена шрифта.
Бесплатны ли эти шрифты в коммерческих приложениях и отчётах?
У них открытые лицензии, которые разрешают коммерческое использование и встраивание. Текст лицензии входит в каждый архив.