Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1335154
    heine
    Participant

    Hello,

    I added the Shadows Into Light google font (because I needed it on one page) using a guide I found on this forum somewhere, but now I cannot find out how to remove it again (I only want it to load on one page).

    I find this in the source code for my page.

    <link rel='stylesheet' id='x-font-custom-css' href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' type='text/css' media='all' />

    Any idea about where it has been added?

    #1335179
    heine
    Participant

    Also, a related question: I can see the google font Lato being loaded – I assumes this is via Customizer -> Typography. Is there any way to have this be a non-blocking css call? Or is that not recommended?

    #1335191
    Rupok
    Member

    Hi there,

    Thanks for writing in! I assume you have added the font within Customizer CSS. If you need this for a single page then you can try adding within page level CSS under Cornerstone Settings tab. And you should at least set one font for body and one for headings from the Customize > Typography as you are using a premium theme; it won’t look good with system fonts you know.

    Cheers!

    #1336527
    heine
    Participant

    Thanks for you reply.

    I cannot find the font under Customize -> Custom -> Edit Global CSS so I’m still at loss for how to remove that font. I’ve tried grep for it on my server files, but nothing shows up.

    Yes, I’m using Lato as body and headings font. Question number 2 is if there is any way to have the included google font be a non-blocking call?

    #1336797
    Lely
    Moderator

    Hello There,

    It is a settings in Customizer. Appearance > Customize > Typography: Body Font and Headings Font. Depending on what you you have chosen, that specific font will be called. Regarding question #2, please clarify a bit so we can help you better.

    #1338533
    heine
    Participant

    1st question: I have chosen Lato as body and heading font. “Shadows Into Light” is not chosen on either font. Still I can see it being loaded from somewhere in my view source. (See attached image ending in 49).

    2nd question: Using google pagespeed (https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fheinekolltveit.com%2F) it complains about the CSS calls for the fonts and calls them blocking. Is there any way to have the included fonts be non-blocking calls? (More about non-blocking if you click the link above.

    #1338543
    heine
    Participant

    Screenshot 49 was too big. Here it is compressed:

    #1338743
    Jade
    Moderator

    HI there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    #1341571
    heine
    Participant
    This reply has been marked as private.
    #1342174
    Friech
    Moderator

    Hi There,

    Thanks for the credentials, but I can’t access the appearance > editor from the dashboard.

    Please login to your server via FTP and look at this files on your child theme and see if you can find the request for “Shadows Into Light” google font.

    style.css
    functions.php
    _meta.php (x-child/framework/views/global/)

    Regarding the second issue, try to clear and/or deactivate the Autoptimize and W3 Total Cache plugins.

    Hope it helps, Cheers!

    #1343198
    heine
    Participant

    Awesome, I found it in functions.php and removed it successfully.

    I’v cleared and tried deactivating both Autoptimize and W3 Total Cache plugin. No luck.

    #1343352
    Jade
    Moderator

    Hi there,

    Please follow the suggestion on this link: https://www.lockedowndesign.com/load-google-fonts-asynchronously-for-page-speed/

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1335154 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>