Unicode Characters Are Rendered as Emojis

Environment

Product

Progress® Kendo UI® for jQuery

Description

I have a very simple application that uses several kendo controls. Some are used in the MVC wrapper, some directly with Kendo HTML5. They all look fine using a PC based browser, but when viewed on an IOS the icons within the widgets are incorrect. The down arrow is a shirt, the up arrow is (I think) sponge bob.

Suggested Workarounds

The icons get loaded from another font(in this case it looks like the emoji built in Apple font) where the content codes for up and down arrow load ("\e006" and "\e004") the man and the T-shirt. If the icons are not immediately available Safari will go on and use its own icons.

We have logged an item in the official Kendo UI Feedback Portal for enhancing the themes with a font-loading strategy that handles the reserved unicode numbers. Vote for it here.

Meanwhile, add the styles folder with the styles files on the server. This will reduce the time it takes for the styles to get loaded and should solve the issue with the man and the T-shirt.