title: @font-face css code bug. Missing something
body: <p>I have the code below in my css file. The font renders as desired in all browsers on Mac OS, but will not render on Windows. Now before you say it's not Windows compatible, I have made a dummy page on the Windows machine, and it runs the '.woff' file fine in Chrome (not IE). Hovever IE can render <a href="http://www.mediafont.com/font-5905-skia.html" rel="nofollow">this page</a>. I feel like I'm missing something important in the @font-face. Here is my code: </p>
  
  <pre><code>@font-face { font-family: Skia; 
          src:url('./webfonts/skia.ttf') format('truetype'),
              url('./webfonts/skia.eot') format('embedded-opentype'),
              url('./webfonts/skia.woff') format('woff'),
              url('./webfonts/skia.svg');
          font-weight: lighter;
          font-style: normal;
      }
  </code></pre>
  
  <p>the 'webfonts' folder is in the same directory as the 'styles' folder where the css files are located.</p>
  
  <pre><code>&gt;styles
      &gt;'style.css'
  &gt;webfonts
      &gt;'skia.ttf / woff / eot / svg'
  </code></pre>
  
  <p>In the <code>&lt;body&gt;</code> tag, I'm including <code>font-family:Skia, sans-serif;</code></p>