I'm using SplitText (see below) - I'm using a script font from Google Fonts & some characters get cut off (on the left side). Parts of their shapes are sometimes below the character before & then this happens. I've tried to apply a class called words that set the overflow to visible but that didn't help. overflow: visible;
This is happening in IE & Chrome during animation - but then as soon as the animations stops it shows the complete letter.
No cut off letters in Firefox & Opera.
In Safari the cut off letters remains cut off even after animation.
Anyone have an idea how to solve this?
Niklas
//split greetings txt into words
var split = new SplitText("#greetingsTxt", {type:"words", wordsClass:"words"});
//create a TimelineLite instance - animation
var tl = new TimelineLite({paused:true, delay:1});
tl.from("#firtreeBells", 0.6, {top:"35%", autoAlpha:"0"});
tl.staggerFrom(split.words, 0.4, {y:-20, autoAlpha:0}, 0.1);
tl.from("#logo", 0.6, {bottom:"15%", autoAlpha:"0"}, "-=0.2");
window.onload = function()
{
tl.play();
};