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. 

Add Feedback