title: Font files will not load in https on Internet Explorer
body: <p>I have a very annoying problem. One of our customers have requested that we use a non standard font on their site that I have embedded using font-face. The font files are located on our server, and this works fine in all web browsers when not using https. I have been using opentype fonts for most browser and .woff files for IE. The problem comes when we add https, then these fonts will no longer load into IE all versions! It still works fine in all the other web browser, just not IE!</p>
  
  <p>The pages are served using IIS, so that makes all the answers that relate to Apache servers irrelevant. The customer have paid to be able to use the font files, but this does not prevent them from being banned from upload to Font Squirrel, so coding them into 64 format is not a viable solution either. </p>
  
  <p>I have noticed that it only have a problem loading the fonts. If I turn off https the fonts will load, and if I turn https back on without taking a hard refresh to my browser, the page will still display with the right fonts, but the fonts disappear if I do a hard refresh!</p>
  
  <p>Anyone having any idea how this can be solved?</p>
  
  <p>I will also add the actual css code here:</p>
  
  <pre><code>@font-face{
      font-family: 'FranklinGothic';
    src: local("Franklin Gothic Std Extra Condensed"), url( /font/FranklinGothicStd-ExtraCond.otf ) format("opentype");   
  }
  
  @font-face{
      font-family: 'FranklinGothicIE';
      src: url(/font/franklingothicstd-extracond.woff) format('woff'); /* IE */   
  }
  
  @font-face{
    font-family: 'FranklinGoth';
    src: local("Franklin Gothic Std Extra Condensed"), url( /font/ITCFranklinGothicStd-DmCd.otf ) format("opentype"); 
  }
  
  @font-face{
      font-family: 'FranklinGothIE';
      src: url(/font/66864014-ITCFranklinGothic-Std-DmCd.woff) format('woff'); /* IE */   
  }
  </code></pre>