Custom Font Doesn't Show on Mobile or Safari - Ride Theme

[clawscnb123]

Hi All!

Thanks in advance for the help! Much is appreciated!

I have read many many discussions on how to fix this, but unfortunately, none of those codes have worked for me.

I used the instructions from a blog that I found on this discussion board.

How to add custom font.

I have created a new snippet titled “Custom-Fonts”, and placed this code in it.

@font-face { font-family: "GrahamoRegular"; src: url ('[https://cdn.shopify.com/s/files/1/0591/1471/7229/files/GrahamoRegular-w1GO9.ttf?v=1660574834](https://cdn.shopify.com/s/files/1/0591/1471/7229/files/GrahamoRegular-w1GO9.ttf?v=1660574834)') format("truetype"); } h2{ font-family: "GrahamoRegular" !important; }

Not sure, where I went wrong. It appears correctly where I need it in Chrome, but that’s it.

Here is the link to my website(Please note this is a preview link.)

https://bvzlf6p970lc5vab-59114717229.shopifypreview.com

Here are the screenshots:

Chrome

Safari

[brandography]

Try adding that code to the bottom of your base.css file and clicking save.

[clawscnb123]

Thanks! Just tried, but unfortunately, that didn’t work either.

@brandography