Custom Font Not Displaying on Mobile

edited June 2018 in Fonts
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.


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?

Comments

  • Hi,
    Please disable all the plugins and try again.
    Also please send here a link to your website.

    Thanks.
  • edited 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! :)
  • Glad to hear that!
    Can I help you with anything else?
    Thanks.
Sign In or Register to comment.