El código personalizado funciona en todos los planes de pago (excepto en el plan Creator que ya ha sido archivado). Con un plan gratuito, puedes ver el código de trabajo en el modo vista previa, pero no en un proyecto publicado.
Con la ayuda de código personalizado, puedes establecer el cambio en los parámetros de la fuente variable al pasar el cursor por encima. Para probarlo:
- Añade un nuevo widget de texto.
- Selecciona una fuente variable de la Biblioteca o sube una tú mismo (estas opciones están disponibles haciendo clic en el nombre de la fuente en la pestaña Typography).
- Encuentra el ID de tu widget de texto como se muestra aquí.
- Añade un widget de código y abre la pestaña CSS en él.
- Copia y pega el siguiente código en la pestaña CSS. No olvides reemplazar el fragmento
"PASTE WIDGET ID HERE"con el ID de tu widget del paso 3.
[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;
}
Este código cambiará el peso de la fuente a 800 cuando el cursor pase por encima del elemento. Se pueden especificar otros valores y ejes variables en la línea font-variation-settings (aprenda más sobre la sintaxis de CSS aquí).
