I'm using Split Text but I get weird line breaks when animating. I believe it's due to not letting my custom font load first but I'm unsure how to solve this. I've gone through the forums but I haven't seen a clear answer. Here is the code I have...
// Hero animation
var heroTimeline = gsap.timeline({
paused:true,
onComplete: () => {splitLines.revert()}
});
const splitLines = new SplitText('.hero .block-animate', {type: "lines", linesClass: "line"});
$('.hero .block-animate .li