FontAwesome on windows Phone 8

Question

I am having trouble getting FontAwesome icons to show on Windows Phone 8.

• Phone (HTC 8X): OK on the dev box (http), but not on the QA server (https)
• Surface RT, Pro, desktop: OK on both servers

All devices use IE10. Both environments (Dev and QA) use IIS7. It seems that IE10 phone is somehow different from IE10 tablet/desktop in its treatment of downloadable fonts.

Has anyone else experienced this?

Answer 1

It was due to a missing MIME type. I was wrong about both environments using IIS7; The QA server uses IIS6. We added application/x-font-woff to the IIS configuration, and that fixed it.

UPDATE: Add this to your Web.config to associate .woff files with the correct MIME type, so the server will know what to do when such a file is requested:

<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
        </staticContent>
    </system.webServer>
</configuration>