最新消息:不要跟我说什么底层原理、框架内核!老夫敲代码就是一把梭! 复制,粘贴,拿起键盘就是干!!

自建谷歌字体本地CDN加速WordPress个人博客

软件·服务器 楚盟 1708浏览 0评论

谷歌被墙导致字体无法加载应用半天响应不过来,通过第三方插件可以解决这个问题;

一般都是通过360 CDN公共库解决这个谷歌字体加载不上的方法,360公共库并不是把谷歌字体下载到它的服务器而是通过它的服务器代理来让我们访问到谷歌的字库;

代理访问而且用的人特别多肯定速度有时并不会很理想;

今天下午不用上班没事做就突然想着折腾一下自建一个本地谷歌字库;

打开本地Uedit代码编辑器开始分析代码,马上就发现一个问题;谷歌字体加载连接是一个动态URL非常庞大而且是通过网站的需求来动态加载所需要的字体;

将谷歌字体全部下载下来放自己服务器这肯定不现实,那么我就尝试将我的个人博客用到了那些字体就下载哪些字体下载到本地试试看;

PS:边写文章边尝试中,万一失败直接Deletel……..

首先开启VPN让我的个人博客正常打开网站,然后查看源代码找到加载谷歌字体这条连接;

打开它就会看见里面加载了哪些字体,把它们全部下载到本地;

然后将这个页面保存为google-font.css文件;

接下来我要把字体上传到自己服务器上面,我选择了img.5yun.org这个主机它做了七牛CND加速用了一段时间挺理想;

不过上传前要修改google-font.css加载字体路径

然后找到主题functions.php文件,将下面函数写进去保存;

//谷歌字体本地化加载
function twentyfourteen_font_url() {
$font_url = '//www.5yun.org/img/google-fonts/google-fonts.css';
/*
* Translators: If there are characters in your language that are not supported
* by Lato, translate this to 'off'. Do not translate into your own language.
*/
// if ( 'off' !== _x( 'on', 'Lato font: on or off', 'twentyfourteen' ) ) {
// $font_url = add_query_arg( 'family', urlencode( 'Lato:300,400,700,900,300italic,400italic,700italic' ), "//fonts.233.wiki/css" );
// }
return $font_url;
}

技艺不精折腾了两个小时,总算弄好了,刚才找了几个朋友测试了一下正常显示加载无异常情况;

虽然谷歌字体被大陆屏蔽有360公共库等方法可以代理访问谷歌字体,但是尝试用本地化字体的方法也是一种很好的解决方案;

补充:

晚上发现有个很重要的步骤给忘了,要打开/wp-includes/script-loader.php文件编辑才能生效

//fonts.233.wiki/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets

替换成

//www.5yun.org/img/google-fonts/google-fonts.css

转载请注明:楚盟网 » 自建谷歌字体本地CDN加速WordPress个人博客

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址