title: Strange @font-face issue in IE11 (renders only after you inspect an element in developer tools)
body: <p>I have some web fonts that work correctly in all browsers except IE11. The strange thing is, if you go to this page: <a href="http://cscart.create26.com/index.php?dispatch=products.view&amp;product_id=179" rel="nofollow">http://cscart.create26.com/index.php?dispatch=products.view&amp;product_id=179</a> and then inspect the "features" bullet points with IE11 developer tools, suddenly all the fonts work. Any ideas?</p>
  
  <pre><code>@font-face {
      font-family: 'Helvetica-Condensed-Black';
      src: url('../media/fonts/helvetica-condensed-black-webfont.eot');
      src: url('../media/fonts/helvetica-condensed-black-webfont.eot?#iefix') format('embedded-opentype'),
           url('../media/fonts/helvetica-condensed-black-webfont.woff') format('woff'),
           url('../media/fonts/helvetica-condensed-black-webfont.ttf') format('truetype'),
           url('../media/fonts/helvetica-condensed-black-webfont.svg#helvetica-condensed-black-sRg') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'Helvetica-Condensed-Black';
      src: url('../media/fonts/helvetica-condensed-black-webfont.svg#helvetica-condensed-black-sRg') format('svg');
    }
  }
  </code></pre>