Инстансер вариативных шрифтов

• Мгновенная инстанциация вариативных шрифтов: наш инстансер читает все оси шрифта (насыщенность, ширина, наклон, оптический размер) и мгновенно создаёт статический экземпляр в браузере — без отправки на сервер, без облачной обработки и без ожидания.
• Безопасный онлайн-инстансер вариативных шрифтов: файл шрифта никогда не покидает ваше устройство при использовании нашего онлайн-инстансера. Весь разбор осей и удаление таблиц выполняются локально с помощью браузерной библиотеки opentype.js — 100 % приватно.
• Инстансер вариативных шрифтов без установки: создавайте экземпляры вариативных шрифтов прямо в браузере без скачивания ПО, без плагинов и без аккаунта. Наш инстансер вариативных шрифтов работает в любом современном браузере и любой ОС.
• Именованные экземпляры и ручное управление осями: применяйте встроенные именованные экземпляры (Regular, Bold, Light и др.) одним кликом или перетаскивайте ползунки осей для точного управления насыщенностью, шириной, наклоном, оптическим размером и любыми своими осями.

• Оптимизация веб-производительности: уменьшайте вес шрифтов в веб-проектах, использующих только одно начертание или стиль. Удаление вариативных таблиц из вариативного шрифта размером 200 КБ может дать статический экземпляр 60–80 КБ — заметное улучшение времени загрузки.
• Улучшение Core Web Vitals и LCP: устраняйте лишние накладные расходы вариативных шрифтов на страницах с единственным стилем шрифта. Наш инстансер вариативных шрифтов создаёт статический шрифт, который загружается быстрее и уменьшает количество блокирующих отрисовку запросов шрифтов.
• Упаковка шрифтов в мобильные приложения: включайте в мобильные приложения конкретный экземпляр насыщенности и ширины вместо полного вариативного шрифта. Статический экземпляр меньше и быстрее загружается на устройствах с ограниченной памятью и трафиком.
• Доставка шрифтов в дизайн-системах: создавайте конкретные экземпляры начертаний (Regular 400, Medium 500, Bold 700) из одного вариативного источника для пакетов дизайн-системы. Статические экземпляры обеспечивают одинаковое отображение во всех средах.
• Совместимость со старыми браузерами: создавайте статические экземпляры шрифтов для сред, не поддерживающих вариативные шрифты, — устаревших браузеров, генераторов PDF и почтовых клиентов. Наш инстансер вариативных шрифтов выдаёт стандартный результат TTF/OTF.
• Оптимизация CDN и статических ресурсов: сокращайте расходы на хранение и трафик CDN, отдавая статические экземпляры вместо полных вариативных шрифтов. Статический экземпляр с конкретной насыщенностью обычно на 40–60 % меньше полного файла вариативного шрифта.

Инстанциация вариативных шрифтов — это процесс преобразования вариативного шрифта, который кодирует непрерывный диапазон стилей по нескольким дизайнерским осям (насыщенность, ширина, наклон, оптический размер), в меньший статический экземпляр с зафиксированными значениями осей. Вариативные шрифты используют спецификацию OpenType 1.8 и хранят данные вариаций глифов в таблицах fvar (вариации шрифта), gvar (вариации глифов) и HVAR/VVAR (вариации метрик). Эти таблицы могут добавлять к файлу шрифта 50–150 КБ. Наш инстансер вариативных шрифтов читает определения осей шрифта с помощью opentype.js, позволяет задать значения осей и удаляет вариативные таблицы, создавая меньший статический шрифт — всё локально в браузере.

1. 1 Загрузите вариативный шрифт: перетащите любой файл вариативного шрифта (TTF, OTF, WOFF, WOFF2). Инструмент разбирает таблицу fvar с помощью opentype.js, чтобы извлечь все определения осей и именованные экземпляры, — никакие данные не отправляются на сервер.
2. 2 Задайте значения осей: используйте пресеты именованных экземпляров (Regular, Bold, Light и др.) для выбора одним кликом или перетащите ползунки осей, чтобы задать точные значения насыщенности, ширины, наклона, оптического размера и любых своих осей. Вся обработка выполняется локально в браузере.
3. 3 Скачайте статический экземпляр: нажмите «Создать статический экземпляр» — инструмент удаляет вариативные таблицы (fvar, gvar, avar, HVAR, VVAR, MVAR, STAT) и скачивает меньший статический шрифт. Панель результатов показывает исходный размер, размер результата и процент уменьшения.

• fvar (Font Variations): таблица определений осей — задаёт все дизайнерские оси, их диапазоны и именованные экземпляры. В статическом результате удаляется, поскольку оси больше не нужны.
• gvar (Glyph Variations): самая большая вариативная таблица — хранит дельта-корректировки для контура каждого глифа в каждой позиции оси. Её удаление даёт наибольшее уменьшение размера.
• HVAR / VVAR (Metric Variations): хранят вариации ширины и высоты по всему дизайнерскому пространству. Удаляются, поскольку метрики фиксируются на выбранных значениях осей.
• STAT / avar / MVAR / cvar: дополнительные таблицы вариаций для атрибутов стиля, нормализации осей, вариаций метрик и вариаций CVT — все удаляются в статическом результате.

Этот инструмент выполняет удаление таблиц: он убирает вариативные таблицы, чтобы получить меньший шрифт, но не применяет дельта-корректировки на уровне глифов к контурам. Выходной шрифт использует контуры глифов по умолчанию из вариативного шрифта, которые могут не полностью совпадать с отображением при значениях осей, отличных от стандартных. Для полной инстанциации на уровне глифов (применение дельта-корректировок для точных контуров при выбранных значениях осей) используйте инстансер fonttools (fonttools varLib.instancer) или настольный инструмент инстанциации вариативных шрифтов от Google Fonts.