Custom Font Not Displaying on Mobile

NerdyTherapy · June 2018

Good evening! I have a perplexing issue with a custom font. I'm including screenshots from my mobile device so you can see what I'm referring to.

Before | After

The custom font is no longer displaying correctly anywhere on the site for my mobile device. I tested two different browsers (Chrome and Safari) earlier today, no problems. When I went to refresh the page, it wasn't displaying correctly anymore.

Oddly enough, everything is still fine on my desktop (Chrome)! And yes, I have cleared the Wordpress cache and refreshed my desktop browser. Everything is displaying as it should be.

Any ideas on what could be going on?

Pablo · June 2018

Hi,

Please disable all the plugins and try again.

Also please send here a link to your website.

Thanks.

NerdyTherapy · June 2018

Good afternoon!

I disabled all plugins, no luck.

https://nerdytherapy.com/ - the header should be in the custom font (Komika Axis).

Thank you in advance for your support!

UPDATE: I decided to try viewing the website on Internet Explorer, same computer I've been using. I noticed that the header wasn't displaying the custom font... and there was a window at the bottom about "only secure content" being displayed. When I said it was okay to display all content, the page refreshed and the header displayed the custom font! So now it seems I'm on to something. How do I resolve this issue?

UPDATE 2: AHA! I think I know what was going on. For some reason, the path name was using "http" instead of "https". I changed this under "Theme Options" - "Fonts" - "Custom", and now it seems to be working on both Chrome and IE on my computer. I'm going to test a few other devices and wait to make sure the problem doesn't return, but I think I've found a solution. Happy to leave this thread here so anyone else who encounters this issue will know what to do!

Pablo · June 2018

Glad to hear that!

Can I help you with anything else?

Thanks.

Custom Font Not Displaying on Mobile

Comments