title: IE9 - CSS3111: @font-face encountered unknown error
body: <p>I embed three Google Fonts from <a href="http://www.google.com/webfonts" rel="noreferrer">http://www.google.com/webfonts</a> (Dosis, Open Sans, Lato)</p>
  
  <p>And they all work fine except IE9 where it returns:</p>
  
  <pre><code>CSS3111: @font-face encountered unknown error. 
  2HG_tEPiQ4Z6795cGfdivPY6323mHUZFJMgTvxaG2iE.eot
  
  CSS3111: @font-face encountered unknown error. 
  KlmP_Vc2zOZBldw8AfXD5g.eot
  
  CSS3111: @font-face encountered unknown error. 
  zLhfkPOm_5ykmdm-wXaiuw.eot
  </code></pre>
  
  <p>And breaks entire website occasionally.</p>
  
  <p>What can be done to resolve this?</p>