缓存Google Web 字体

WordPress 终于也升级到了4.0,默认主题会加载google web font,这导致wp加载异常的慢。

鉴于google 的部分网站长期处于被Q的状态。我朝子民还是尽量自备“梯子”,以便出墙。

在这里推荐红杏的chrome插件,简单实惠,不用复杂的设置,不用到处找代理,安装即可用。

红杏 按照这个链接购买红杏,你和我可以获取10天的奖励。不用谢。

回到正题

新版的WordPress为了优化主题,会加载open sans的字体。所以在页面的head中可以看到类似这样的链接:

通过特殊手段打开这个文件,我们可以看到类似这样的css代码:

 @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTSUUniRZcd_wq8DYmIfsw2A.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

这段css代码会去加载google font的静态站点。那些没有“梯子”的人们,博客就会异常的慢。因为打不开google font的静态站点。为了响应博主们的号召,解决google 字体的问题,博主开发了Cache Google Font插件。

Cache Google Font插件会去查找类似的链接,直接下载css文件到本地,然后根据css文件中的链接去下载google font,并缓存到本地。是不是很智能?:)。

欢迎大家试用。

Cache Google Font插件已经上传到WordPress 的插件目录

项目托管在GitHub上,如果使用中遇到bug,请直接提Issues

“缓存Google Web 字体”的23个回复

  1. 朋友你好,Cache Google Web Font插件写的很好!汇报个问题,你的博客上文章的链接,只要是全中文的就没有显示,中英文混杂的就可以正常显示,应该是字体下载不成功或不完整的原因。

      1. 如果是字体不完整的话,可以尝试在后台设置插件使用360前端字体库。另外,我用急速360浏览器打开,没有出现你所说那样的问题呢。可否截图看下你说的那个问题呢?:wink:

      1. 我研究了几个小时,没有找到原因,可能和急速浏览器的内置版本有关系。只发现了加载的css内容和纯chrome浏览器不同,具体原因不祥。急速浏览器版本是 7.5.3.310 ,内置chromium版本是30.0.1599.101在同事那边的绿色浏览器,内置chromium版本31,效果是正常的。暂时找不出原因,还是不用管了吧。

  2. 还是不行,Failed to load resource: the server responded with a status of 404 (Not Found) URL/wp-content/plugins/cache-google-font/cache_fonts/css/1c273ba295721f16c4f77f6bb595f886/font.css

    1. 出现这个原因是我关闭服务器端的代理,现在只能使用360的字体库了。后台设置好360的字体库选项后,更新一下你的缓存之类,应该就会切换到360字体库了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注