I'm using custom icons in my app and iOS displays them wrong for some reason. Here's how I defined them:

1) Added eot, svg, woff, ttf files in the resources folder

2) Added css classes:

3) Using them like this

Icons are displayed as expected in the Service Studio editor and Android device. 

However, some icons are displayed differently in iOS, both in the native app and Safari or Chrome: 

Now, changed icons are located near each other in the css file. For instance hand icon which is displayed correctly in the android is displayed as support icon on the iOS device even after commenting it out.

Any ideas why this might be happening? 



Have you ruled out any cache issues?

What happens when you delete the support line instead of commenting it out?