How to make google fonts go down to footer?

Posted in: Newspaper
Post count: 41

Hi dear authors, I would want to know that if I could move google fonts links to the very end of the theme like before the closing of “html” tag. I am not using speedbooster by the way, so I suppose I have to do it manually.
Thanks in advance.

Post count: 38

Hello! I use the plugin “JavaScript to Footer” but it broke the theme color, anything else works great…

Post count: 780

Hi,

give me your url please I need to see what are fonts are you using and get the id after that I can send you the speed booster modification to only move the google css.

We also have here a nice discussion about how to modify the speedbooster plugin to move whatever you want to the footer: https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348

🙂

Post count: 41

Hi, thanks for the answer, I’m gonna read that topic.

kadininrehberi.net here is my website

I guess the fonts are these.

<link rel='stylesheet' id='google-font-opensans-css'  href='http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-ubuntu-css'  href='http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-pt-sans-css'  href='http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-oswald-css'  href='http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-roboto-cond-css'  href='http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-style-css'  href='http://fonts.googleapis.com/css?family=Droid+Serif%3A400%2C700%7COswald%3A400%2C700%7CJosefin+Sans%3A400%2C700&ver=3.9.1' type='text/css' media='all' />

But I only want to move these, for js and css I am using another plugin, so I don’t want speedbooster to interfere in anything except google fonts.

Post count: 780

Hi,
edit the speed booster plugin like so:
delete this: http://screencast.com/t/XU0nOJEaN6OX

add this in place of what you deleted:


 $this->move_style_to_footer('google-font-opensans');
 $this->move_style_to_footer('google-font-ubuntu');
 $this->move_style_to_footer('google-font-pt-sans');
 $this->move_style_to_footer('google-font-oswald');
 $this->move_style_to_footer('google-roboto-cond');

Hope this helps,
We are working to improve the google fonts system in a future update.
Radu O.

Post count: 41

Didn’t work as it gave a blank page, when I opened the source codes of the page, I saw the google fonts still staying at header.

Post count: 41

Radu, now I have changed my mind. I am using speedbooster again, with all the features it has.

please have a look at this

http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fkadininrehberi.net%2F&tab=mobile

Speedbooster plugin makes some of the fonts go down, it’s cool. However, there is still one google font link left at the header.

http://fonts.googleapis.com/css?family=Droid+Serif%3A400%2C700%7COswald%3A400%2C700%7CJosefin+Sans%3A400%2C700&ver=3.9.1

Can you update the plugin to include these fonts?

Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.