title: IE 11: error CSS3111 in my own code, and google.com/fonts doesn't render any fonts
body: <p>I am developing a website that uses the Google font <code>Open Sans</code> like so:</p>
  
  <pre><code>&lt;link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,800italic,800,700' rel='stylesheet' type='text/css'&gt;
  </code></pre>
  
  <p>Normally, I use Chrome when working with my website, but today I decided to see how it looks in IE 11 (11.0.10240.16431) on Windows 10. Unfortunately, <code>Open Sans</code> isn't being loaded and rendered properly. I see lots of these errors in the Developer Tools console:</p>
  
  <pre><code>CSS3111: @font-face encountered unknown error.
  PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff
  </code></pre>
  
  <p>Thinking that was strange--I had previously developed a site that loaded Google Fonts just fine in IE 10--I headed on over to <a href="https://www.google.com/fonts" rel="noreferrer">https://www.google.com/fonts</a>. More <code>CSS3111</code> errors, with every custom font being displayed in <code>serif</code> instead:</p>
  
  <p><a href="https://i.stack.imgur.com/Otohr.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Otohr.png" alt="Google Fonts broken in IE 11"></a></p>
  
  <p><a href="https://i.stack.imgur.com/e2xsX.png" rel="noreferrer"><img src="https://i.stack.imgur.com/e2xsX.png" alt="Google Fonts broken in IE 11"></a></p>
  
  <p>Is Google Fonts simply broken for IE 11? The fonts do load correctly in Edge, Chrome, Firefox, etc. I am at a loss for how to proceed to get these fonts to work in IE.</p>
  
  <p><strong>UPDATE 1</strong></p>
  
  <p>Setting the emulated document mode to 8 in IE 11 causes the fonts to render correctly. IE 9+ still exhibited the same issues, however. Is this some kind of incorrect user agent string processing by Google, perhaps?</p>
  
  <p><a href="https://i.stack.imgur.com/fPBGS.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fPBGS.png" alt="Correct rendering"></a></p>
  
  <p><strong>UPDATE 2</strong></p>
  
  <p>I went to <a href="http://fontsquirrel.com" rel="noreferrer" title="Font Squirrel">FontSquirrel</a> and downloaded Open Sans in all its formats. I also imported the CSS provided in the ZIP. Unfortunately, IE and now Firefox continue to report that the font can't be used. Firefox says <code>downloadable font: not usable by platform</code>.</p>
  
  <p><strong>UPDATE 3</strong></p>
  
  <p>I've confirmed that IE's <em>Font download</em> setting is set to <em>Enabled</em> for all security zones.</p>