Home>Support>Google Web Fonts are not loading

Google Web Fonts are not loading

I have the theme working perfectly but for some reason sometimes it doesn’t load the selected Web Fonts correctly (I’ve seen it in iphone, ipad and on chrome running under windows).

Usually a reload fix it. I don’t know if you are using the web font loader or something similar that might be the culprit of this.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 6 months ago Greg Priday
    Hi, I Work Here

    The one culprit I have seen in the past is plugins slightly modifying the URL of the web fonts. Do you have a URL I can take a look at to try figure out what’s going on?

    You can also try following this guide to see if you can fix it.

    https://siteorigin.com/troubleshooting/identifying-plugin-conflicts/

  2. 10 years, 5 months ago Moises Kirsch

    The URL is triplepunto.com

    I do have minifying plugins and such. The funny thing is that mostly it only happens on iOS.

  3. 10 years, 5 months ago Greg Priday
    Hi, I Work Here

    It looks like all the web fonts includes are there and working properly. Something I have noticed that happens on occasion is that web fonts take a while to load from Google. Especially when you’re loading the site though a slow connection on a mobile device.

    Are you still getting the issue? Maybe it was just a temporary thing.

  4. 10 years, 5 months ago Moises Kirsch

    I’m testing it in an iPad using Wifi. The strange thing is that it loads the website without any fonts, and then if you refresh it loads correctly.

  5. 10 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Please try inserting the following under Appearance > Custom CSS and let us know if it resolves the issue:

    /* WebKit Google Font fix */
    
    body {
        -webkit-animation-delay: 0.1s;
        -webkit-animation-name: fontfix;
        -webkit-animation-duration: 0.1s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
    }
    
    @-webkit-keyframes fontfix {
        from { opacity: 1; }
        to   { opacity: 1; }
    }
  6. 10 years, 5 months ago Moises Kirsch

    Hi Andrew, I tried it and it doesn’t seem to work.

    I’m still looking into it.

    Thanks

  7. 10 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Please also try disabling all non SiteOrigin plugins and see if the issue persists. Finally, check that no updates are pending under Dashboard > Updates.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More