Появился шрифт Hint с микротипографом, который сам ставит нужные тире и кавычки

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

Алина Щеглова

Журналистка, мама четверых детей. Тут должно быть написано, что она любила бы делать в свободное время, если бы оно у неё было.

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

Например, на устройствах с ОС Windows набирать тире или кавычки нужно на клавиатуре, у которой справа есть цифровая панель, или в Word с помощью номеров Unicode и сочетания клавиш Alt + X, или с помощью типографской раскладки Ильи Бирмана для клавиатуры.

Некоторые операционные системы (например, macOS, iOS) и приложения (Figma) автоматически заменяют двойной вертикальный штрих на кавычки при включённой функции Smart Quotes. Правда, из-за этого сложно набирать обозначения дюймов (10″), а в Figma кавычки не настраиваются — это всегда английские двойные лапки.

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

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

Разработкой микротипографа занимались дизайнеры и технологи компании ParaType Николай Недашковский, Константин Кунарёв и Александра Королькова, также им помогала Юлия Атанова.

Что может микротипограф:

поменять кавычки и тире на правильные;
удалить двойные пробелы и точки;
убрать пробел перед точкой;
расставить индексы и другие неалфавитные знаки (например, может сам сделать из «м2» — «м²», а из (c) — знак копирайта ©);
верно добавить пробелы в сокращениях или убрать их.

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

Важно понимать, что микротипограф меняет только отображение текста, но не редактирует сам текст (в отличие от «стационарного» типографа). Это не столько поиск и замена, сколько выбор способа отображения знака в зависимости от контекста.

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

В микротипографе можно прописать что угодно — например, замену —> на стрелку. Если такая замена сработает в исходном тексте, то при смене шрифта на шрифт без этого символа в составе в итоге получится пустое место или знак .notdef (квадратик «тофу»). Если в микротипографе составить запрос на неправильную замену, ошибки не пойдут дальше.

Микротипограф нельзя рассматривать как полноценную замену «стационарным» типографам, это скорее страховка.

Микротипограф будет полезен:

если вы собираете макет в Figma и у вас много мелких текстовых блоков, которые не хочется каждый раз пропускать через сайт-типограф;
если надо быстро собрать лендинг, а редакторы и разработчики не слышали про типографику. Можно включить микротипограф с помощью CSS: { font-feature-settings: "ss19"; } и получить на сайте текст с человеческими тире и кавычками, не прилагая усилий ни к чему, кроме добавления в стиль этой строчки;
если у вас очень много мелких веб-страниц (например, карточек товаров) и нет возможности прогонять тексты через типограф. Меняем шрифт на Hint, включаем микротипограф в CSS.