Содержание · 8
Как устроена технология, какие оси бывают, сколько она экономит на загрузке и почему до сих пор не вытеснила статические начертания.
Как это работает
В обычном шрифтовом семействе каждое начертание — отдельный файл с собственными контурами. Вариативный шрифт хранит один набор контуров и правила их плавной деформации по заданным осям.
В результате один файл содержит непрерывный диапазон начертаний: не «обычный, полужирный, жирный», а любое значение веса между 100 и 900.
Стандартные оси
Пять осей стандартизированы, остальные автор может задать сам.
Оптический размер — самая недооценённая ось
До эпохи фотонабора шрифты резались отдельно для каждого кегля: мелкий имел более крупное очко и толще штрихи, крупный — тоньше и контрастнее. Цифровая типографика это потеряла.
Ось оптического размера возвращает практику: шрифт автоматически подстраивается под кегль, и мелкий текст остаётся читаемым, а крупный — изящным.
Экономия
Семейство из шести статических начертаний с кириллицей весит обычно 250–400 КБ. Вариативная версия с той же функциональностью — 80–150 КБ.
Экономия заметна, но не абсолютна: если проекту нужны только два начертания, два статических файла могут оказаться легче одного вариативного.
Когда что выгоднее
Вариативный шрифт хранит не начертания, а диапазон между ними. Для системы это выигрыш, для одного заголовка — лишний вес.
Почему не вытеснили
Причин несколько: не все семейства выпущены в вариативном формате, часть дизайнеров привыкла к фиксированным начертаниям, а редакторы макетов долго поддерживали технологию частично.
Кроме того, вариативность требует от автора шрифта заметно большей работы: контуры должны совпадать по количеству точек во всех крайних состояниях.
Что даёт одна ось вместо десяти файлов
Вариативный шрифт хранит не набор начертаний, а описание того, как форма меняется вдоль оси: насыщенность, ширина, наклон, оптический размер. Практический выигрыш двойной. Первый — вес: один файл вместо шести-восьми, и на странице с несколькими начертаниями экономия доходит до сотен килобайт. Второй — точность: доступны промежуточные значения, а не только 400 и 700, и заголовок можно поставить в 640, если 700 тяжеловат.
Отдельная ось оптического размера — то, ради чего вариативность стоит внедрять в издании. Она меняет не толщину, а пропорции знака: у мелкого кегля увеличиваются просветы и толщина тонких штрихов, у крупного — усиливается контраст. Без неё крупный заголовок выглядит рыхлым, а мелкий текст — забитым.
Unbounded
Etcetera Type Company · OFLОДИН ФАЙЛ — ВЕСЬ ДИАПАЗОН
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ 0123456789
Подводные камни внедрения
- Подмножество знаков: вариативный файл с полной кириллицей и латиницей может весить больше, чем два статических подмножества.
- Подстановочная гарнитура: при
font-display: swapразница в метриках заметнее, потому что вариативный обычно грузится один и целиком. - Оси, которых нет:
wghtесть почти везде,opszиwdth— далеко не всегда, и записьfont-variation-settingsмолча игнорируется. - Кириллица в промежуточных значениях: у части гарнитур она нарисована для крайних мастеров, а середина интерполируется хуже латиницы.
Что в итоге
Вариативные шрифты экономят вес при четырёх и более начертаниях и дают точную настройку веса и ширины.
Обращайте внимание на ось оптического размера — она возвращает практику, потерянную при переходе к цифровому набору.
Коротко
- Что такое ось в вариативном шрифте?
- Параметр, который можно менять плавно: насыщенность, ширина, наклон, оптический размер. Между крайними значениями лежит непрерывный диапазон, а не набор готовых начертаний.
- Всегда ли вариативный файл легче?
- Он легче трёх и более начертаний и тяжелее одного. Если в проекте нужны только regular и bold, статические файлы обычно выигрывают.
Лучшие кириллические шрифты
Подборка гарнитур с сильной кириллицей, которые действительно можно взять в работу: для интерфейса, для длинного чтения и для крупных заголовков. С образцами начертаний и честными оговорками.ДальшеЧитайте также
Посмотреть примеры
Нашли ошибку или неточность в атрибуции? Напишите нам
Обсуждение
Загружаем…