title: loading web fonts in asp.net website
body: <p>I have been doing asp.net web development for a while but never implemented a complete asp.net website and hosted it. I have been working on an asp.net web site and hosted it on windows server.</p>
  
  <p>I have couple of custom web fonts (paid fonts) which i am using in the site. I have included the files for the web fonts and styles in my project folder and referenced them properly in my style sheet.</p>
  
  <p>I have used the @font-face in referring the fonts in my style sheet:</p>
  
  <pre><code>@font-face {
  font-family: 'fontname';
  src: url('/fonts/webfonts/font.eot');
  src: url('/fonts/webfonts/font.eot?#iefix') format('embedded-opentype'),
      url('/fonts/webfonts/font.woff') format('woff'),
      url('/fonts/webfonts/font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  } 
  </code></pre>
  
  <p>But, the web fonts are not being loaded in the web site.</p>
  
  <p>After some research I found we need to add the mime type in web.config type for windows server to recognize that format of fonts. Then, I also referenced the mime types in the web.config file as follows:</p>
  
  <pre><code>&lt;system.webServer&gt;
      &lt;staticContent&gt;
        &lt;mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /&gt;
      &lt;/staticContent&gt;
  &lt;/system.webServer&gt;
  </code></pre>
  
  <p>But, it is also not working. Can anyone please let me know, how can we load those fonts.</p>