title: My Font Face Doesn't Work
body: <p>I'm preaparing a  simple web site. But my font-face doesn't work on Google Chrome.</p>
  
  <p>Here is <a href="http://zinzinzibidi.com/leaf_solutions/referanslar" rel="nofollow">my page</a></p>
  
  <p>My CSS codes:</p>
  
  <pre><code>@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
  
  body {
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
  }
  </code></pre>
  
  <p>My web.config data</p>
  
  <pre><code>&lt;system.webServer&gt;
      ...
      &lt;staticContent&gt;
        &lt;remove fileExtension=".svg" /&gt;
        &lt;remove fileExtension=".eot" /&gt;
        &lt;remove fileExtension=".woff" /&gt;
        &lt;remove fileExtension=".otf" /&gt;
        &lt;mimeMap fileExtension=".svg" mimeType="image/svg+xml"  /&gt;
        &lt;mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /&gt;
        &lt;mimeMap fileExtension=".woff" mimeType="application/x-woff" /&gt;
        &lt;mimeMap fileExtension=".otf" mimeType="font/otf" /&gt;
      &lt;/staticContent&gt;
  &lt;/system.webServer&gt;
  </code></pre>
  
  <p>It works fine on Firefox but not fine on Chrome. I tried "fonts folder method" and "ttf fonts" on my project but it didn't change.</p>
  
  <p>I have a suspicion about woff files but I can't change it.</p>
  
  <p>How can I fix this?</p>