Шрифты в тексте и интерфейсе

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

шрифты

Что такое шрифт

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

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

Засечки и без

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

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

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

Параметры набора

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

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

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

Выбор под задачучу

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

При выборе полезно смотреть на несколько вещей. Как различаются похожие знаки: И и Й, 1 и l, 0 и ОЗи 3. Как устроены цифры: табличные держать ровный столбец, пропорциональные живее в обычном тексте. Есть ли нормальный курсив, а не просто наклон. Достаточно ли начертаний для иерархии. Как выглядит кириллица, нет ли в ней случайной инородности по отношению к латинице.

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

Частые ошибки

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

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

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

Практический подход

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

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

buhuchetpro.ru