Updated: pretty slick solution from Jake Archibald.
Thanks to Zell Liew for the tip!
I'm trying to use a version of a font with a larger character set: a non Google fonts version of Work Sans (large files is bad yadda yadda, but I like custom arrows).
Loading it up on a desktop screen shows no issues at all:
Loading up on a mobile device (e.g. iOS 10.3.1) for some reason screws with the letter spacing:
So far I've tried making sure my @font-face imports are correct, removing any text-rendering or incorrect font-weight declarations, trying different formats from ttf to svg, and exporting webfonts with (yikes) kerning data removed. No dice. Frustrating as all get out.
I'm getting ready to look into targeting touch devices to override the default letter spacing. But that seems like overkill.
Anybody have more experience with this issue? What am I missing? Is there a fix or a magic I haven't found?