Why is the font displayed incorrectly in google chrome on android?

Question

Fonts

The fonts are connected like this:
@font-face
{
font-family: 'OneBlade';
src: url('/res/actions/oneBlade/fonts/philips-global-icon-font/philips-global-icon-font.eot');
src: url('/res/actions/oneBlade/fonts/philips-global-icon-font/philips-global-icon-font.ttf') format('truetype'),
url('/res/actions/oneBlade/ fonts/philips-global-icon-font/philips-global-icon-font.eot') format('eot'),
url('/res/actions/oneBlade/fonts/philips-global-icon-font/philips- global-icon-font.woff') format('woff'),
url('/res/actions/oneBlade/fonts/philips-global-icon-font/philips-global-icon-font.svg') format(' svg');
}
Used like this:
font-size: 17px;
font-family: oneBlade
font-style: normal
padding: 10px 10px;
background-color: #0066a1;
color:white;
border-radius: 2px
}
.icon-play:after {
content: '\e20a';
}
Google Chrome on PC and laptop displays approx. On OS Linux, Mac.
On Android phones and tablets, it displays like this:
https://monosnap.com/file/ttWYelY7BK9Te9Xiow9cHLLc...