SplitText word splitting issue

[PinkMeNow]

Greetings everyone,

 

This forum has a great community and has always been helpful to me. So Im asking for help once more since I'm unable to solve this on my own.
I'm using SplitText but, on the first pageload, it splits words incorrectly (see the attached screenshot).

 

I already tried:

box-sizing: border-box;
white-space: wrap; 

 

Below is a link to a CodePen:

SplitText issue

 

 

Thanks,

 

V.

 

See the Pen ByaovXg by drol (@drol) on CodePen.

[mvaneijgen]

Maybe wait until all your fonts are loaded, before you split the text. Hope it helps and happy tweening! 

 

See the Pen xbxwMza?editors=0011 by mvaneijgen (@mvaneijgen) on CodePen.

[PinkMeNow]

Thanks. I was (kind of) on that path. Tried to do a primitive solution by adding different types of pausing before script execution. Your solution is better.