Calling Google fonts in 1 file

  • Hi! I’m using the Pinnacle theme and as far as fonts go, I only want to use Raleway.

    Right now, when I look at the source code I see I have the following:

    <link
rel='stylesheet' id='open-sans-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=4.2.2' type='text/css' media='all' /><link
rel='stylesheet' id='cresta-social-googlefonts-css'  href='https://fonts.googleapis.com/css?family=Noto+Sans%3A400%2C700&ver=4.2.2' type='text/css' media='all' /><link
rel='stylesheet' id='redux-google-fonts-pinnacle-css'  href='https://fonts.googleapis.com/css?family=Raleway%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900&subset=latin&ver=1436193456' type='text/css' media='all' />

    How can I mix all 3 files in 1 file so the server would only contact googleapis once? Where is this piece of code located in Pinnacle?

Viewing 9 replies - 1 through 9 (of 9 total)

  • Hey,
    The first two are not from the theme. WordPress loads open sans when your logged in and I would assume you have a plugin called “cresta-social”. that is the one loading the second. Since that is a plugin I recommend you just turn the google font off or find a better plugin.

    Kadence Themes

    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks! Can you please give me a hint as of how I can turn the google font off? I’m new to this.

    Thread Starter lauratraveler

    (@lauratraveler)

    Ok, I’ve sorted out the cresta fonts and the open sans.

    However, I was wondering, is there a way to only load some of the Raleway fonts, like only the 200 and 400 font weight? I don’t really use the other ones and I believe having to load all those font weights is slowing down the website. Thanks!

    Hey,
    There isn’t a setting to be selective when your loading it for all the H1 and body. Since there are places throughout the theme that might be adding bold.

    There really shouldn’t be a speed issue with only loading a couple extra weights. Its so small. I would guess if your having speed issues that google fonts is not the issue. If you post a link I would be happy to take a look.

    Kadence Themes

    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks! ?? Here’s my link – https://www.travelersuniverse.com

    What I’m trying to do is get my Google Page Speed score above 85 for mobile devices (currently it is around 73 for any blog article). I have W3 Total cache plugin installed. The main problem (red warning) seems to be ‘Eliminate render-blocking JavaScript and CSS in above-the-fold content’ as there are .js and .css files blocking the content. Any ideas would be much appreciated. I’ve been trying to sort this our for a while now.

    Hey sorry for the delay.

    Eliminate render-blocking JavaScript and CSS in above-the-fold content, in my experience can in situations slow down the overall loading time. So upfront I would just say that while it’s a good tool don’t think of any “grade” as a must have. Concentrate on the load time over grade. You can see what I mean by testing any major site like amazon for example.

    But with w3 total cache you can enabled manually minifying and from in the settings you can select each js file and where you want it to load. I would work in those settings. Depending on your plugins it can be tricky to get the right set up that actually speeds up your site but that would be where you can defer js.

    Kadence Themes

    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks, Kadence Themes! I did just that and the js problem seems to be sorted out. The css is still a problem since the google fonts don’t seem to integrate with the minified css file and load separately.

    Yeah you can’t load google fonts through deferred. They should be one of the few that are loaded normally.

    Kadence Themes

    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Calling Google fonts in 1 file’ is closed to new replies.