Блог Тильды

Настройки вариативного шрифта в Zero Block

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

🙌 Это удобно, если для ваших целей не подходят стандартные начертания — Light, Regular, Medium и другие. Например, вы хотите сверстать большой объём текста на странице, но толщина Light кажется слишком прозрачной, а Regular — жирной. В этом случае вы можете выставить промежуточное значение, передвинув ползунок в редакторе.

Ещё один плюс — ускорение загрузки сайта. Вы подключаете один файл со всеми начертаниями, вместо семи файлов. Например, шрифт Tilda Sans весит 75 кб, против 300−400 кб классического формата шрифтов. Объём трафика уменьшается, скорость загрузки увеличивается.

Как настроить толщину вариативного шрифта в Zero Block?
💁‍♀️ В редакторе Zero Block выделите текст → в настройках «Weight» выберите значение «Custom». Ниже появится настройка вариативного шрифта — укажите толщину в цифрах или используйте ползунок.

Настройка работает, если на сайте установлен вариативный шрифт. Например, во встроенной библиотеке вы можете использовать Tilda Sans. Другой вариативный шрифт можно подключить по инструкции: https://tilda.link/variable-font

Используете вариативные шрифты для своих проектов? Расскажите в комментариях.
Made on
Tilda