title: font-face not working in IE 10
body: <p>I have absolutely no succes in getting IE 10 to display custom fonts. Has anyone else a solution for this? I can see a few shout-outs on the net that others have trouble with their fonts in IE 10, but no solutions or confirmed bugs to be found.</p>
  
  <p>Anyone with the same experience or solution?</p>
  
  <p>This is what I have right now, and it works well in IE before 10, Chrome and Safari:</p>
  
  <pre><code>@font-face {
      font-family: "LCD";
      src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.ttf');
  }
  
  &lt;!--[if IE]&gt;
  &lt;style type="text/css"&gt;
  @font-face {
      font-family: "LCD";
      src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.eot');
  }
  &lt;/style&gt;
  &lt;![endif]--&gt;
  </code></pre>
  
  <p>I have tried to substitute with font files in other formats woff, ott etc. but no luck at all with that.</p>
  
  <p>The answer which hinted at font-squirrel made it Work.
  Now the working markup (for IE 10) is:</p>
  
  <pre><code>@font-face {
      font-family: "LCD";
      src: url('/Public/Fonts/quartz_regular-webfont.eot');
      src: url('/Public/Fonts/quartz_regular-webfont.eot?#iefix') format('embedded-opentype'),
           url('/Public/Fonts/quartz_regular-webfont.woff') format('woff'),
           url('/Public/Fonts/quartz_regular-webfont.ttf') format('truetype'),
           url('/Public/Fonts/quartz_regular-webfont.svg#quartzregular') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>