typography
January 31, 2021

Вариативные шрифты — это хорошо или плохо?

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

На самом деле идея вариативных шрифтов совсем не нова. Ещё в девяностые разработчики предпринимали попытки внедрить похожую систему — у Адобе были шрифты Малтипл Мастерс, у Эпла — Трутайп Джи Икс.Именно этот факт некоторые специалисты берут за основу и говорят, что вариативные шрифты никуда дальше не пойдут и пользователю не будут нужны. Если уже было несколько неудачных попыток, то почему мы думаем, что эта будет удачной?На этот аргумент сторонники вариативных шрифтов отвечают, что раньше не было таких технических возможностей, как сейчас. Это правда, учитывая то, насколько выросло количество шрифтов за двадцать с лишним лет, и то, как часто теперь дизайнеры пользуются несистемными шрифтами.Илья Рудерман о вариативных шрифтахРоссийские шрифтовые дизайнеры о вариативных шрифтах

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

Пример вариативного шрифта «Данбар» компании «СиДжей Тайп»

В появлениии вариативных шрифтов я вижу решение ещё одной проблемы. Сейчас у шрифтов есть определённое количество начертаний, и у всех обязательно есть свои названия: Лайт, Регуляр, Болд, Нэрроу и так далее.

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

Какое начертание более узкое — Extra Narrow или Condensed? Что подойдёт для вёрстки журнала — Regular или Book? Начертания — это ориентиры, которые расставляет сам автор шрифта. Поэтому начертания с одним и тем же названием могут выглядеть по-разному в разных шрифтах.

Базовые начертания Лайт, Регуляр и Болд в разных шрифтах выглядят по-разному

Эти названия начертаний имеют смысл только тогда, когда мы видим сразу всю «линейку» начертаний. Но в работе обычно нужно «что-тонемного пожирнее» или «чуть-чуть пошире».

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

Теперь подробнее о том, как такие шрифты могут создаваться.

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

Принцип интерполяции в шрифтовом дизайне. На картинке две оси: вертикальная по насыщенности, горизонтальная — по пропорциям

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

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

Супергарнитура «Тезис» Лукаса де Грота. На плакате показан гротеск, брусковый и «микс» — помесь гротеска и брускового начертаний. В этой супергарнитуре также есть моноширинные и антиквенные начертания

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

Респонсивный летеринг Эрика ван Блокланда в четырёх разных ширинах окна браузера. Больше примеров респонсивного летеринга можно увидеть на тестовой странице сайта Летеррор

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

Вариативный шрифт «Дековар» Дэвида Берлоу — эксперимент в области разных осей с крайними начертаниями. У шрифта десять вариантов разных окончаний штрихов и 4 варианта «внутренностей», т. е. скелета букв

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

Вариативные шрифты в веб-типографике.

Адаптивная вёрстка позволила настраивать шрифты по-разному на разных устройствах. На широком экране могут отображаться жирные и большие заголовки, с мобильного — узкие и меньшего кегля:

На сайте шрифта «Бентон» в заголовках используются разные начертания для разных размеров окна браузера. В широком окне заголовки набраны шрифтом «Бентон Модерн Дисплей», в среднем — «Бентон Дисплей Экстраконденсд», в самом узком — «Бентон Дисплей Компресд»

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

Шрифт «Фит» Дэвида Джонатана Росса. Принцип вариативности шрифта можно протестировать прямо в браузере. Шрифт «Цайтунг» компании «Андервэр». Можно скачать расширение для Иллюстратора и Индизайна и протестировать изменения начертаний, передвигая ползунок насыщенности в программе.

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

В окне Type Layer Properties в Фотошопе появятся слайдеры для вариативных шрифтов. Можно посмотреть, как это работает, в официальном «тизере» вариативных шрифтов в Фотошопе
Сайт Аксис Праксис, на котором можно тестировать вариативные шрифты. Но пока тестирование доступно только в бета-режиме браузеров

Поэтому мне кажется, что вариативные шрифты — это отличная идея, и я думаю, что через год-два они взлетят.

Источник