I'm animating the css "left" property on some text with TweenMax and it is leaving streaks like the picture below.
Some strange things are afloat:
- Switching to another browser tab and back again and the streaks disappear. (tested in chrome and safari)
- Seems only certain letters cause the streaks. The exact same code on different texts doesn't leave any streaks and if I put a ' in front of the J it doesn't leave streaks anymore.
- I'm using a custom webfont from fontsquirrel and if I change the font-family to just use Arial the streaks disappear.
Most likely the fault lies with the font but I'm wondering what causes this and how one might solve it. Any ideas?
EDIT: This answer actually solved it https://stackoverflow.com/a/17822836/1303205
