Streaming live at 10am (PST)

Animate variable fonts?


#1

I am working on a project at the moment and would like to animate variable fonts, is there any support for this in webflow, or if not any other resources that people are aware of?

I saw this: https://djr.com/fit/variable.html and wondered if I could adjust his code and embed in a custom code element. I am not familiar with code and don’t know if I could use something like this as a basis?

@keyframes animate-fit {
from {
font-variation-settings: “wdth” 0;
}
to {
font-variation-settings: “wdth” 1000;
}
}

div {
font-family: FitVF;
animation-name: animate-fit;
animation-direction: alternate;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

Thanks!

John


Here is my site Read-Only: LINK
(how to share your site Read-Only link)