Product Page Fonts not Loading on Mobile (iOS)

Hey all, I’m having a problem where the fonts and styles that I’ve set for my headers, paragraphs, etc. on my product pages are showing up on desktop devices, but not mobile ones. I’ve tried styling them through both WordPress’s customize>typography section, as well as calling out their classes directly through the Custom CSS/JS section offered by my theme (oceanwp), and while they will always style the elements for desktop devices, my mobile devices (iPhone X running iOS 13 and iPad running iPadOS) disregard the styling and instead load the default webpage font. The oddest part about it all is that when I scale down the browser window, or use WordPress’s responsive mobile view in the customization section while on a desktop to trigger the webpage to responsively scale into mobile view, the fonts will still load fine, but again, will not load when viewed on actual mobile devices.

The page I need help with: [log in to see the link]