一、问题诊断
现时有很多网站流行使用网页字体，这些字体大部分来自 Google Font（https://fonts.google.com） 提供的800+免费字体，对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提供的免费字体来网页设计，而前端人员可以直接调用 Web Font 样式，极其方便。尤其是国外开发的wordpress、drupal等流行的内容管理系统，其主题或模板一般都会用到在线的谷歌字体，由于谷歌在国内违法的历史问题，谷歌的字体库基本都被屏蔽掉了，这样在线加载字体库的网页会因此变得很慢。为了提高网页加载速度，需要将谷歌的字体库下载到本地服务器使用。
二、解决办法
使用Google WebFont Downloader下载Google WebFont到本地服务器，替换掉在线引用的CSS文件和谷歌字体。
三、准备工作
1、需要科学（上网）
此类知识请自行补脑，最简单的方法可以通过修改windows的hosts文件来实现。
2、需要安装 node.js
node.js 的官方网站是https://nodejs.org/，具体安装方法请自行搜索。
四、操作步骤
第一步：安装 Google WebFont Downloader
我们通过安装 Google WebFont Downloader 来完成这项工作，在windows 10的运行窗口输入“cmd”，在CMD文件命令窗口键入以下命令进行全局安装：
npm install -g goog-webfont-dl
第二步：下载字体
在windows cmd 窗口输入：goog-webfont-dl -a Roboto[我用的是Roboto字体库，注意此时应在科学(上网)状态]
正常情况下，不一会儿就会完成，显示结果：
Microsoft Windows [版本 10.0.14393]
(c) 2016 Microsoft Corporation。保留所有权利。
C:\Users\write_000>goog-webfont-dl -a Roboto
Downloading webfont formats: “ttf,eot,woff,woff2,svg” to folder “Roboto”
http://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic
CSS output was successfully written to “Roboto.css”
C:\Users\write_000>
这样字体就已经下载完成了，在C:\Users\write_000目录下不仅生成了一个 Roboto的目录，所有字体文件都在里面（包括 ttf eot woff woff2 svg），而且还在外面生成了一个 Roboto.css 文件。不过 CSS 中的路径需要根据自己的需要修改一下。
第三步：使用字体
将字体文件复制到自己想要的目录，然后修改一下 CSS 文件，将字体路径设置正确，就可以使用本地的字体，再也不用担心谷歌字体被屏蔽的问题啦。
我是新建一个googlewebfont文件夹，css的路径为：
/themes/xxxxx/googlewebfont/Roboto/
参考文献：
1、Google WebFont Downloader
网址：https://www.npmjs.com/package/goog-webfont-dl
2、windows 下安装nodejs
网址：http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html