Bug with custom font on mobile

Site URL: http://www.bagelcoffeeculture.com/en/home

Hello community, 

Writing about the custom font I uploaded on this site > http://www.bagelcoffeeculture.com/en/home 

1. It appears fine on desktop, but the "S" is appearing a bit wonky (with a white/outline) 
2. It's not appearing at all for me on my mobile device

Can someone help me troubleshoot?

Thanks in advance.

Which elements do you use custom font?

Hey Tuan! 
Site-wide for H1 and also on this index gallery overlay...

Find & remove this code

@font-face {
    font-family: 'Bagerich';
    src: url('https://static1.squarespace.com/static/57cebfbad1758e8b0e827996/t/5fbeb9c09d793648406f5d9f/1606334914238/Bagerich.otfhttps://static1.squarespace.com/static/57cebfbad1758e8b0e827996/t/6023e2c2fd813d4ce3b9794d/1612964548798/Bagerich.otf')
}

add new code

@font-face {
    font-family: 'Bagerich';
    src: url('https://static1.squarespace.com/static/57cebfbad1758e8b0e827996/t/5fbeb9c09d793648406f5d9f/1606334914238/Bagerich.otf);
}

Hey Tuan! Thanks for your help. 

I swapped the code out, but I'm still seeing the same behavior with the "S" on desktop and I don't see the font at all on mobile. Is it working for you?

Let me know!

13 hours ago, alwalt said:

Hey Tuan! Thanks for your help. 

I swapped the code out, but I'm still seeing the same behavior with the "S" on desktop and I don't see the font at all on mobile. Is it working for you?

Let me know!

Do you have any other format?

Current you are use .otf file

Hey! Tried another font file (.woff) but still seeing the same behaviour with "S" on Desktop...but not on mobile anymore...