title: IE loads sometimes WOFF and sometimes EOT font type
body: <p>I use Angular Material with Angular Material Icon. 
  In my index.html, I have the following tag : </p>
  
  <pre><code>&lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
  </code></pre>
  
  <p>This line downloads a CSS file with a @font-face selector. It seems the "src" property coming from the CSS is different according the browser.</p>
  
  <p>With Chrome, no issue, it downloads a WOFF2 font. But on IE11, sometimes the browser downloads a WOFF font and sometimes, a EOT font. With WOFF, icons are displayed. With EOT, they aren't.</p>
  
  <p><a href="https://i.stack.imgur.com/FATLs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FATLs.png" alt="Chrome logs"></a></p>
  
  <p><a href="https://i.stack.imgur.com/zB3Tr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zB3Tr.png" alt="IE11 logs"></a></p>
  
  <p>Do you have an idea how to force browser to download WOFF font? I would like to avoid to store font-face locally.</p>
  
  <p>Thank you !</p>