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.
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'); Written by Dazun Edirisinghe
Related protips
3 Responses
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>
Sorry for incomplete comment, code had been cut out :S
with my method, we do not need to touch web config. many of
Have a fresh tip? Share with Coderwall community!
