Streaming live at 10am (PST)

Animate variable fonts?

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: 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;



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

1 Like

I’m trying to do the same thing. Did you have any success with that bit of code?