Для начала — исторический анекдот. Узнав, что на Снорри готовится покушение, его друзья отправили ему записку с предупреждением, но он проигнорировал её, потому что она была написана «хромыми рунами», и позже был зарублен заговорщиками в подвале своего дома. В «Саге о Стурлунгах» говорится:

«Снорри Стурлусон получил письмо от Одда Свеинбьярнарсона. Там были „Литеры нищего бродяги“, и не смогли они их прочесть, хотя и казалось им, что значат они что-то особенное».

Типографика пронизывает нашу жизнь, формируя визуальную и информационную среду. Но можем ли мы охватить весь масштаб и многообразие её влияния? Здесь на помощь приходит предложенная философом Тимоти Мортоном концепция гиперобъектов — сущностей, настолько массивных и распределённых в пространстве-времени, что они ускользают от прямого восприятия. Глобальное потепление, пластиковое загрязнение, интернет, государство, культура — примеры гиперобъектов, чьё присутствие пронизывает реальность.

Что если рассмотреть типографику как гиперобъект? Шрифты незаметно формируют нашу визуальную среду, влияют на мышление и поведение. От выбора гарнитуры на указателе может зависеть безопасность на трассе. От кегля в учебнике — утомляемость детей.

Но это всеприсутствие типографики делает её неуловимой. Мы воспринимаем текст, но не замечаем его визуальную форму. Шрифт растворяется в потоке информации, становится фоном жизни.

Типографика (да впрочем, и вообще письменность) обладает всеми качествами гиперобъекта. Она тотальна и неочевидна, близка и недоступна прямому схватыванию. Мы можем исследовать отдельные проявления «шрифтового» гиперобъекта. Но охватить его целиком, во всех хитросплетениях связей и влияний — задача непосильная.

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

Выбирайте шрифты, которые были специально разработаны или оптимизированы для экранного отображения. Они часто имеют упрощённые формы, более открытые внутрибуквенные просветы и утолщённые штрихи, что улучшает читаемость при мелких размерах. Хорошие примеры — Verdana, Georgia, Source Sans.

Если предполагается набор текста мелким кеглем, лучше избегать шрифтов с сильным контрастом штрихов, тонкими соединениями и сложными декоративными элементами (засечками, росчерками и т. д.). При масштабировании все эти тонкие графические нюансы могут теряться или искажаться. Поэтому для основного текста на экране более надёжны гротески и малоконтрастные антиквы.

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

Ещё один фактор, влияющий на выбор шрифта, — особенности технологии рендеринга (субпиксельное сглаживание и др.) в разных ОС и браузерах. Поэтому желательно проверять, как выглядит ваш текст на основных целевых платформах. При необходимости может потребоваться использовать альтернативные CSS-свойства или добавить в код условия для разных устройств.

Рендеринг шрифтов может значительно различаться в зависимости от платформы и технологии:

Cleartype (Microsoft): Улучшает рендеринг шрифтов, размывая их по вертикали, но при этом они выглядят более чёткими на экранах с технологией Cleartype.

Core Text (Apple): Сохраняет больше деталей шрифта, что может сделать его более жирным на мелких кеглях.

Direct Write (Microsoft): Добавляет размытие по горизонтали для большей резкости.

Закрытая аппертура некоторых неогротесков может серьёзно снижать различимость знаков, особенно в неблагоприятных условиях — при малых размерах, низком разрешении, расфокусировке или плохой контрастности. На приведённом примере хорошо видно, как обрезанные, закрытые формы цифр «2», «5», «8» в размытом состоянии становятся практически неотличимы друг от друга. Цифра «8» почти сливается с «3», «6» и «9». Это может приводить к ошибкам прочтения важной числовой информации.

Закрытые неогротески вроде Helvetica стремятся «замкнуть» контур знака, минимизировать внутрибуквенные просветы. В чётких очертаниях это создаёт ощущение цельности и лаконичности рисунка. Но при ухудшении условий восприятия недостаток «воздуха» внутри знаков оборачивается потерей узнаваемости форм.

Гуманистические гротески с более открытыми формами в этом смысле оказываются практичнее. Благодаря увеличенным просветам внутри букв и цифр силуэт знаков остаётся распознаваемым даже в сложных ситуациях. Характерные детали начертания дольше «читаются» при размытии или малом размере.

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

В случае с Гельветикой, к сожалению, приходится мириться с её врождённым «дефектом» различимости либо использовать другой шрифт. Хотя своеобразие её цифр давно стало частью фирменного стиля многих известных брендов и само по себе является сильным графическим приёмом.

В некоторых неогротесках трудно отличить «1», «I» и «l» — особенно для интерфейсов лучше выбирать такие, где эти глифы отчётливо разнятся.

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

Поэтому при выборе гротеска для UI-дизайна следует обращать внимание на следующие моменты:

1. Цифра «1» должна чётко отличаться от букв по своей форме. Хорошо, если у неё есть характерные засечки сверху и снизу, как в FF Meta или FF Unit.
2. Иногда строчная «l» имеет характерный изгиб или закругление, отсутствующие у «I» и «1». Этот приём используется в Lucida Grande и других гуманистических гротесках.
3. В некоторых шрифтах, особенно моноширинных вроде Consolas, символ «1» сознательно делают шире, чтобы он не сливался с буквами по ширине.
4. Существуют и более радикальные дизайнерские решения проблемы, например загнутый хвостик у «l» в PT Sans.

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

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

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

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

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

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

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

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

Шрифт разработан и выпущен Паратайпом в 2009 году. Дизайн разработан Александрой Корольковой при участии Ольги Умпелевой и общем руководстве Владимира Ефимова. Идеально сочетается с антиквой PT Serif и моноширинным шрифтом PT Mono.