Custom font looks diferent on mobile

[brandnkay]

Hi, i have uploaded a custom font to shopify, it looks fine on desktop but on mobile it seems a little off.

i have uploaded ttf woff and woff2 

this is how i have implemented the code into my theme.liquid 

@font-face {
font-family: 'FTRegolaNeue-Semibold';
src: url(https://cdn.shopify.com/s/files/1/0706/2634/5282/files/FTRegolaNeue-Semibold.woff2?v=1730380275) format('woff2');
src: url(https://cdn.shopify.com/s/files/1/0706/2634/5282/files/FTRegolaNeue-Semibold.woff?v=1730380275) format('woff');
src: url(https://cdn.shopify.com/s/files/1/0706/2634/5282/files/FTRegolaNeue-Semibold.ttf?v=1731347456) format('truetype');
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

when using my browser to inspect mobile view it looks fine but on my actual mobile device it doesn't.

 

 

any help would be appreciated, thanks in advance