I’ve added a custom font “Cybertooth” to my new site and it works perfectly on desktop. However, whenever I try to view it on my phone it isn’t coming up. Is there a problem with my code? If you could help it would be so appreciated! Thank you
domain: haurakicarclub.myshopify.com
password: zeenaiscool123
Hi,
I believe it’s only added to headings (h1, h2, h3, h4), and it seems to work on mobile view into my browser. See the attached image. Let me know what I am missing.
Gajendra.
Hi, thank you for your response. This is how the font is supposed to look. Apologies, this is my first time coding.
I see, Have you added font-files into assets and declared @font-face?
I have added Woff, Woff2, svg, and eot into assets.
This is how the code looks.
The last code at the bottom was one I entered after looking for a solution but didn’t work.
When I check it seems it doesn’t picking up font-file. I can check into your store quickly. If you want. I can send you a access request as Shopify Collaborator.
That would be awesome, thanks
Alright, I sent you a request, it would be on your email.
There’s problem with font-files. the code were fine.
You can try uploading proper files, I think those are currepted 0kb files.
Or Connect me on email ecom@gajendra-d.com
Thank you so much for your help!
You only need to upload 2 woff files
@font-face {
font-family: 'CYBERTOOTH';
src: url('CYBERTOOTH.woff2') format('woff2'),
url('CYBERTOOTH.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
Your welcome 
You can remove the access any time or remove the permissions of collaborator account.