把谷歌开放字体Lato从WordPress主题Twenty Fourteen中去掉

症状:
网站服务器正常,在同一个空间里的的一个Wordpress站点几乎是秒开的,这个网站等喝完一杯茶才能打开。

查找原因:
使用chrome浏览器F12查看network加载状态,发现在加载“fonts.googleapis.com”的时候卡住了,准确的说应该是被拦截了,302跳转到一个联通的地址(这个请求大概花了34ms),然后在联通的这个页面卡住(耗时大约12s)
googleapis

然后查看下网站源码,发现在head里面有这样一段
google-fonts-lato
这样就真相大白了。

解决办法:
既然查找出了,导致网速慢的“罪魁祸首”,那么就来看看怎样解决吧。

经过谷歌搜索一番,发现这段引用是为了使用google开放字体!!

好吧,暂时没有找到好的解决办法,就先删除这个引用好了,,找啊找

终于发现在这个主题的主题函数里面有这样一个函数:

* Register Lato Google font for Twenty Fourteen.
*
* @since Twenty Fourteen 1.0
*
* @return string

function twentyfourteen_font_url()

twentyfourteen_font_url

看到这函数介绍说是注册lato这个google开放字体的,我在想最简单最粗暴的办法应该就是直接注释掉这个函数的if那一段或者给$font_url 等号后面填一个字体文件地址链接?!!其实注释里也告诉我们另外一种解决办法,那就是使用这个主题1.0以前的版本!!

。。。

经过艰苦的思想斗争,最后决定为了保持代码的完整性,决定采用在主题函数最后加代码去掉这个google 开放字体 lato 的引用。

remove-lato-font

remove-lato-font

ok,现在暂时关闭静态缓存,发现打开速度明显快了!!

PS:如果你真是想用谷歌的开放字体,可以把那个字体css下载到本地,放到服务器上面,然后在函数twentyfourteen_font_url中引用即可。

参考链接:http://www.quickonlinetips.com/archives/2014/04/remove-google-fonts-lato-twenty-fourteen-wordpress-theme

补充一种解决办法:

写完这篇博文后,又翻腾了一下下这个问题,发现数字公司做的fonts CDN缓存服务也可以曲线解决这个问题,而且比较方便,后台打开也不慢了!!

首先打开 wp-include 目录下面的 script-loader.php 搜索 fonts.googleapis.com 然后替换为 fonts.useso.com 保存即可,主题函数里也是类似方法替换谷歌开放字体的地址为数字公司的CDN镜像地址即可。

PS:这种办法在自动更新程序后还需要改!!(到时候看google的服务还有没有被屏蔽吧)

fonts-google-com

数字公司的前端库CDN地址:http://libs.useso.com/

2 thoughts on “把谷歌开放字体Lato从WordPress主题Twenty Fourteen中去掉

  1. 博主请教一个问题~~
    我的网站是托管在国外的虚拟主机上的,没在国内备案,是不是就不能数字公司的这项免费 CDN服务了?

    谢谢!

Leave a Reply

Your email address will not be published. Required fields are marked *