Kастомный код работает только на платных планах (кроме архивного плана Creator). На плане Free кастомный код будет отображаться только в режиме превью и не будет работать после публикации.
При помощи кастомного кода можно задать изменение параметров вариативного шрифта при наведении на надпись.
- Добавьте новый текстовый виджет.
- Выберите вариативный шрифт из нашей библиотеки или загрузите кастомный (эти опции доступны по клику на название шрифта во вкладке Типографика (Typography)).
- Найдите ID текстового виджета по инструкции здесь.
- Добавьте виджет Code и откройте вкладку CSS.
- Скопируйте код, представленный ниже и вставьте его во вкладку CSS. Не забудьте заменить фрагмент
"PASTE WIDGET ID HERE"на ID текстового виджета из пункта 2.
[data-id="PASTE WIDGET ID HERE"] p span {
transition: 2s;
}
[data-id="PASTE WIDGET ID HERE"] p:hover span {
font-variation-settings: 'wght' 800 !important;
}
Этот код изменит толщину шрифта на 800 при наведении курсора. Выбор вариативной оси и ее значения происходит с помощью свойства font-variation-settings (c CSS-синтаксисом можно ознакомиться здесь).
