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