No matter what I do, I can't prevent truncated icons in Chrome or Webkit, both OSX/Win Chrome's seem to suffer from the issue
It's not an Icomoon issue specifically, It also exists on the legacy FontAwesome 3.2.1 I use (Also tested the latest font-awesome exported from icomoon, no change)
Things I tried:
1) Various alternative font-face's, font-file types, tried each file type one by one, the issue exists on them all
2) Various CSS styles, like showing overflows, setting line-height's, changing font-size's, changing the font-size seems to shift the issue, but it's still there, for example the menu icon of icomoon doesn't render well at 32px, but 23px is even worse
So I pretty much exhausted all my options
The issue is simple to describe, 5% of the icons get truncated from one or two edges
My previous solutions seems to be using a custom font-face, but it obviously doesn't work anymore, as tested at (1)
If the issue was Chrome-only, I would hope it's a bug, but the issue also exists with Phonegap/Webkit