title: Web Fonts Not Loading IE8
body: <p>I'm not sure what the problem is, but I have just converted a set of fonts using Font2Web and I have attached the following code to my css to render my fonts required, as I normally would.</p>
  
  <pre><code>    @font-face {
      font-family: 'Gotham Bold';
      src: url('../fonts/Gotham-Bold/fonts/Gotham-Bold.eot');
      src: url('../fonts/Gotham-Bold/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gotham-Bold/fonts/Gotham-Bold.woff') format('woff'),
      url('../fonts/Gotham-Bold/fonts/Gotham-Bold.ttf') format('truetype'),
      url('../fonts/Gotham-Bold/fonts/Gotham-Bold.svg') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  
      @font-face {
      font-family: 'Gotham Medium';
      src: url('../fonts/Gotham-Medium/fonts/Gotham-Medium.eot');
      src: url('../fonts/Gotham-Medium/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gotham-Medium/fonts/Gotham-Medium.woff') format('woff'),
      url('../fonts/Gotham-Medium/fonts/Gotham-Medium.ttf') format('truetype'),
      url('../fonts/Gotham-Medium/fonts/Gotham-Medium.svg') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>The result is that my font gets rendered well on Chrome, Safari, Firefox but IE8 flops and does not load the required fonts at all.</p>
  
  <p>My guess could be the converter i was using might have issues with the EOT files, unless if there is anything else, any suggestions would be great. Thanks.</p>