Font Awesome not displayed on Windows Phone 8

Question

I've got a test site that uses the Font Awesome font for displaying icons.

The icons display fine on my desktop in IE and Chrome, as well as on the iPhone and Andriod mobile devices.

However, the font icons are not being displayed on a Nokia Lumia 920 Windows Phone 8.

I can not figure out what is causing the problem. Other sites with the Font Awesome icon font display correctly on the Nokia Lumia 920 Windows Phone. Therefore there must be something specific to the setup that I have created.

The test site is: http://www-peachtreedata.azurewebsites.net/?page_id=6

Any advice on how to get this to work on the Windows Phone platform would be appreciated.

Answer 1

This is a situation where the observed problem is only a symptom of the real problem. I had the same issue with my own site. But it turned out not to be Windows Phone's problem, but that IIS 7 - 8.1 serve up the wrong MIME type for web font files. Make sure the right MIME types are being served up for your font files, as shown here: Proper MIME type for fonts

Also, if you are using Windows Azure Storage for your fonts, you have to set the MIME type on each file manually. The easiest way to do this for existing files is through one of the many Azure storage front-end editors out there.

HTH