AVAR: интерполяция в искажённом дизайн-пространстве

3 килобайта, способные изменить ваш вариативный шрифт

3 мая 2023 г.


Что случилось?

Конференция ATypI опубликовала прошлогоднее выступление операционного директора google fonts Дейва Кросслэнда и сооснователя FauxFoundry Лоренса Пенни о будущем вариативных шрифтов и о том, как на них повлияет технология AVAR2.



Это только для дизайнеров шрифта?

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

Что вообще такое AVAR?

Axis Variation Table — таблица, которая позволяет повлиять на результат автоматической интерполяции, используя расчёты OpenType и альтернативную логику взаимодействия осей и дизайн-спейса.

Например, у вариативного шрифта с одной осью от 100 до 900, где 100 — начертание Thin, 400 — Regular, а 900 — Black, интерполированные начертания Light и Bold будут располагаться на отметках 300 и 700. Если начертание Bold будет оптически точнее при значении 590, для него нужно добавить отдельный мастер, но это сильно увеличит размер файла и сделает менее удобной дальнейшую работу с исходником.


1


2


Если же просто вручную присвоить начертанию нужное значение, то шрифт может некорректно работать в веб-вёрстке, графических редакторах и приложениях из-за того, что css-стили по умолчанию предполагают, что интерполированное начертание Bold должно находиться на отметке 700. Таблица AVAR, размером всего 3 килобайта, помогает этого избежать.

Зачем тогда обновлять AVAR?

Технология AVAR1 подходила только для шрифтов с одной осью вариативности. Если бы пользователь AVAR1 решил добавить в шрифт с осью жирности от 100 до 900 ось ширины от 75 до 125, где Compressed — 75, а Expanded — 125, то начертания Bold Compressed и Bold Expanded имели бы координаты 590;75 и 590;125 соответственно.


3


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


4


Ещё что-то?

Да. AVAR2 подсказывает, в каких участках дизайн-спейса могут возникнуть проблемы, и самостоятельно устанавливает ограничения. Это очень похоже на то, что вручную делал Фрутигер, определяя, какие ячейки будут отсутствовать в таблице начертаний Univers.


5


Ещё AVAR2 уменьшает размер параметрических шрифтов. В таких шрифтах оси, которые видны пользователю (ширины, жирности и т. п.), опираются на вспомогательные оси, которые видит только автор. Этими осями задан набор ограничений — например, минимальная и максимальная ширина основного вертикального штриха (X-Opaque и Y-Opaque). Параметрический Roboto Flex для использования в вебе до применения AVAR2 весил 1,6 мегабайта, а после — всего 30 килобайт, шрифт такого размера уже не будет замедлять работу сайта.


6 Пользовательские оси (слева) и параметрические оси (справа) в Roboto Flex


Также AVAR2 помогает работать над шрифтами с HOI (Higher order interpolation). HOI предполагает интерполяцию не только точки контуров букв, но и кривых, соединяющих одни и те же точки в разных мастерах. Такая интерполяция позволяет делать отдельные начертания оптически точнее и даже создавать анимацию прямо внутри шрифтового файла. По умолчанию HOI не встроена в шрифтовые редакторы, но, благодаря тому что AVAR2 взаимодействует не только с осями, но и с дизайн-спейсом, сделать её всё же возможно.


7


Когда этим можно будет пользоваться?

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

Кто вообще решает, что пришло время обновить технологию, и кто этим занимается?

Решает открытое сообщество, состоящее из разработчиков и шрифтовых дизайнеров, они же и начинают разработку. Часть сообщества — как, например, Дейв Кросслэнд — сотрудники студий и корпораций, остальные — как, например, один из главных авторов идеи обновления AVAR Бeхдад Эсфабад — работают как независимые специалисты.

Где узнать обо всём этом подробнее?

  1. О том, как и почему устроена таблица AVAR, можно почитать на Microsoft Learn.

  2. Проследить процесс разработки можно в обсуждении на гитхабе

  3. Про HOI рассказывают её евангелисты — голландская студия Underware.

  4. Font Bureau — cоавторы идеи параметрических шрифтов — составили подробный гайд по ним.