-04-15

最近发现Wordpress有时候加载的特别慢，于是就想办法找了下原因。之前听网上说是因为wordpress用的是Google的字体库，而且是每次都要加载，导致访问慢的，于是当时装了个Disable Google Fonts的插件，禁用了Google字体，然后装了一个Useso take over Google插件，将字体文件改为360托管的字体库，这样就可以访问快点了。当时的效果的确挺好的，结果最近在使用的时候又发现网站访问慢了，用Chrome查了下资源加载的情况，发现访问useso的字体库的时间特别的长。这时候改用Google字体的时候反而更快了。。。这就十分令人惆怅了，有时候用useso的快，有时候用google的快，真的挺麻烦的。后来想想干脆把这个文件下到服务器上不就好了么。。。于是就倒腾出了下面的办法，将当前主题的字体文件下载到了服务器上。

一

首先在源代码中找到加载字体文件的位置，在博客首页的源代码中找到了下面这行：

其实搜索fonts就可以找到了这行。根据这行，我们晓得他引用了googleapis的字体包，命名为’baskerville_googleFonts-css’，而’baskerville’事实上就是我当前的主题名。

二

然后我们需要在后台找到上面id对应的那个超链接的位置。打开wordpress的根文件夹，直接搜索’’这个关键字：

查找结果为：

这样我们就找到了所在文件的位置。大概看一下，实际上用处比较大的是第二行的那串在主体中的定义（对比第一步的内容）（./wp-content/themes/baskerville/functions.php的内容）（其余都是写无关紧要的插件所用的字体）。很明显可以看出来，接下来我们只要把后面那个url换成本地的字体包就可以了。

三

现在就来下字体包，打开第一步中的那个链接，可以看到是下面的内容：

发现是一段css，使用了很多的外部资源，下面我们就用一个爬虫来把他直接下下来并打包好：

这样就生成了一个font_cache文件夹，在这里有所有下好的字体文件以及更新新后的css文件

四

最后把这个文件上传到wordpress的根目录下（放到其他目录有时候会没有权限访问，有点麻烦），然后将function.php中的那个url改成/font_cache/font-css（相对于wordpress的根）即可。（记得备份初始文件防止改错。。。。）