Custom Font Coding only viewable on certain devices?

[Mudkins]

I was referred here by shoplify help advisor. 
Here is the previous conversation from that chat. 

• why does my custom font only work on my website when you open my website on an iphone or ipad(both apple).
• If you open my website on an android phone or on my desk top mac(apple) it does not show my custom font. Instead it show's the theme's original font(currently 'mono').
• I have coded this custom font file into my base.css correctly from what I can tell.

Thank you for your help!

I also have my file uploaded in woff2.
My coding:

}
@font-face { font-family: Enjoy_forest; src: url('https://cdn.shopify.com/s/files/1/0901/0095/7482/files/Enjoy_forest.woff2?v=1733986881'); }
h1, h2, h3, h4, h5 {
font-family: Enjoy_forest !important;
}

[Mudkins]

I also have my file uploaded in woff2.
My coding:

}
@font-face { font-family: Enjoy_forest; src: url('https://cdn.shopify.com/s/files/1/0901/0095/7482/files/Enjoy_forest.woff2?v=1733986881'); }
h1, h2, h3, h4, h5 {
font-family: Enjoy_forest !important;
}