Another Problem of Webflow with new GSAP Interactions (Important for Splittext)

Design help Animations & Interactions
1

Hey everyone,

I’m running into a weird issue with GSAP’s SplitText when used with the new Webflow Interactions (IX3). The animation breaks – the text gets split before the fonts are fully loaded according to the console.

External Image

Normally, when working with timelines in custom code, wrapping everything in document.fonts.ready fixes it:

document.fonts.ready.then(() => {
  // SplitText & animation here
})

But since the animation is now built in the Webflow UI via IX3, I don’t control the code directly.

So: does anyone know if Webflow provides a way to delay GSAP Interactions until fonts are loaded?

Or maybe a snippet to “bridge” that — like forcing font load before SplitText runs, without having to rebuild the animation in custom code?

This is another Pain Webflow may did not think of when releasing the new GSAP interactions.

Would love to hear if anyone ran into this or found a workaround.

Thanks!

1 Like