Certain non-latin characters are displaying out of order - html

Question

EDIT: got it by some dedicated searching. unicode-bidi: plaintext on the font's i style block does it. Very nice to be able to scope it so tightly; hopefully this won't muck with localization like a broader solution might.
Kind of hard to explain, but I'm using a webfont that leverages unicode glyphs to display its own characters.
The following code is displaying the shield between the 0 and the +
<span class="text-stat ng-star-inserted" style="">
<i class="game-icon game-icon-shield"></i>
0+
</span>
But this code displays everything in the right order (Seemingly any a-zA-Z makes it work correctly)
<span class="text-stat ng-star-inserted" style="">
<i class="game-icon game-icon-shield"></i>
a0+
</span>
Looking at the CSS provided for the webfont, I see this:
.game-icon-shield:before {
content: "ﱗ";
}
.game-icon:before {
font-family: "game-icons" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal !important;
text-decoration: none;
text-transform: none;
line-height: inherit;
}
It seems like the character ﱗintrinsically places itself after a subsequent zero, for some reason? ﱗ0 typing that out, I placed the ﱗ before the zero but it moved itself over. ﱗa0 works fine.
I'm trying to enforce code-order for this portion of my page but I don't see a way to do that with css. direction: ltr has no effect.