I just wanted to share something that has breaking our heads for the past days.
We are using a custom font, that contains the icons of our application. The font was generated with Icomoon / Birdfont.
Well, it works fine in Neko, Flash and some HTML5 browsers… and here is where it gets weird.
In chrome, firefox, opera and android it all worked fine, but in Safari for Mac, iOS and IE11 nothing worked. But it is not that the font did not work/load/display. The whole app was not being launched.
The thing is if your font (like our icon font) has none of the characters included into the span, it will not change when the font is loaded (for the browsers listed before, not sure how it detects the change in the others, but that is a different story).
So I added to our icon font an icon for the character #, and now it works across the board. (Icomoon generates the icons using very high unicode character ids: U+e600 usually)
So if you are using icon fonts, I would recommend you to have at least one of the following chars covered in your font: “[email protected]!-/#” (that is the current lime span text for checking if the font is loaded)
Hope this helps!