**Update 06/20 11:40 EDT**: I spoke with a friend and confirmed that on Android the font’s are rendering properly on mobile, **telling me this is an issue with something that’s happening on the iOS side of things only**. I tried booting up the webpage in the browsers listed below on my iOS device and it failed in all three.
Firefox, Safari, Chrome
\——————–
Hi there, I’m struggling to get custom fonts working on my WordPress site on Mobile (they work fine on Desktop). I have my website here: [**https://chno.blog/**]) and if you load it up on Desktop, you’ll find that the font’s used for most of the site is “*Source Serif Pro*”. As I’ve setup under the customization options of the site.
I’ve looked this issue up online and it seems I’m not the only person who’s dealt with this:
I found two posts [Font not working for Mobile].) and [Custom fonts not working on mobile]) and tried the fixes outlined in them. Here’s the fixes that I’ve tried based on those posts:
1. My site was already using `Really Simple SSL` and I’ve enabled `https://` everywhere.
2. I enabled the `Mixed Content Fixer -init-hook` under ReallySimpleSSL.
3. I enabled the `.htaccess` redirect.
4. Lastly, I installed a plugin `LiteSpeed Cache` to purge the entire cache.
None of these solutions worked. If anyone knows what could be going wrong and has some tip for trying to fix it I would appreciate it. Thanks!
[ad_2]