title: Animating text leaves "streaks" where it used to be
body: <p>I'm animating the css "left" property on some text with TweenMax and it is leaving streaks like the picture below.</p>
  
  <p><img src="https://i.stack.imgur.com/iaiBg.png" alt="Weird streaks left by text"></p>
  
  <p>Some strange things are afloat:</p>
  
  <ul>
  <li>Switching to another browser tab and back again and the streaks disappear. (tested in chrome and safari)</li>
  <li>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.</li>
  <li>I'm using a custom webfont from fontsquirrel and if I change the font-family to just use Arial the streaks disappear.</li>
  </ul>
  
  <p>Most likely the fault lies with the font but I'm wondering what causes this and how one might solve it.
  Any ideas?</p>
  
  <p>EDIT: 
  This answer actually solved it
  <a href="https://stackoverflow.com/a/17822836/1303205">https://stackoverflow.com/a/17822836/1303205</a></p>