Setting mime-types for web fonts like woff

Today web based fonts are a popular way to enhance your website and these fonts are typically in a .woff or a .ttf file. A question that comes up frequently is how do I add these mimetypes myself to my website when my website runs on IIS.

 

The common mime types:

 

 .eot   application/vnd.ms-fontobject .ttf   application/octet-stream .svg   image/svg+xml .woff  application/font-woff

There’s a couple ways to approach this, one is through your control panel to add the mime types, another is via the IIS manager but if you don’t have access to a control panel or the IIS manager how do you do it then? Well you can add these declarations to your web.config file inside of the <system.webServer> section. Here’s what that section would look like after adding it:

 

 <system.webServer>     <staticContent>         <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />         <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />         <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />         <mimeMap fileExtension=".woff" mimeType="application/font-woff" />     </staticContent> </system.webServer>

 

If you have any questions or need more information please contact technical support and we can assist you further.