Last Updated: February 25, 2016
·
3.181K
· dazunj

Using Font Awesome in IIS

Since IIS has very different file identification process in the severs, it dose not reorganized font awesome fills such as svg, ttp , font etc. so we can not use font awesome as it is in IIS sever.
Here is the cure.
Picture

Change the file names by adding .jpg, or (.extension of file that supports in IIS).
then change the fontawesome.css or fontawesome.min.css as below

@font-face{font-family:'FontAwesome';
 src:url('../fonts/fontawesome-webfont.eot.jpg?v=4.0.3');
src:url('../fonts/fontawesome-webfont.eot.jpg?#iefix&v=4.0.3') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff.jpg?v=4.0.3') format('woff'),
url('../fonts/fontawesome-webfont.ttf.jpg?v=4.0.3') format('truetype'),
url('../fonts/fontawesome-webfont.svg.jpg?v=4.0.3#fontawesomeregular') format('svg'); 

3 Responses
Add your response

Simply add the following MIME type declarations via IIS Manager (HTTP Headers tab of website properties):

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

If you do not have access to the IIS Manager, you can add these declarations in your Web.config file, in the <system.webServer> section.

<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/x-woff" />
</staticContent>
</system.webServer>

over 1 year ago ·

Sorry for incomplete comment, code had been cut out :S

over 1 year ago ·

with my method, we do not need to touch web config. many of

over 1 year ago ·