解决谷歌字体无法访问 | 下载谷歌字体用于WEB页面

很多优秀的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将生成的文件下载到本地

20161127203058

 

4.  将字体文件夹,以及CSS上传到自己的站点中进行替换

记得将CSS中的字体路径改成本地真实的路径,就可以让字体从自己的站点进行加载啦!

 

评论已关闭。