很多优秀的Wordpress模板以及程序都会调用谷歌字体。然而水深火热的网络环境让我们并不能愉快的加载谷歌字体。显示不成功不说,还严重的拖慢了我们网页打开的速度。
从前我们还可以用360公共字体库来替换掉谷歌的链接来实现。自从360字体库也关闭了之后。我们下载到网站本地才是正道。下面我们就用简单的几个步骤来实现吧。
准备一台国外VPS
(我预装了Centos 6.5)
1. 为VPS安装 Google WebFont Downloader 工具
yum install nodejs
npm install -g goog-webfont-dl
2. 通过Google WebFont Downloader 下载想要的谷歌字体到VPS上
比方说下面这个链接中的 Cutive 及 Mono字体
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Cutive+Mono">
通过 Google WebFont Downloader 工具下载命令如下
goog-webfont-dl -a -f 'Cutive Mono'
3. 通过SFTP将生成的文件下载到本地
4. 将字体文件夹,以及CSS上传到自己的站点中进行替换
记得将CSS中的字体路径改成本地真实的路径,就可以让字体从自己的站点进行加载啦!