由于谷歌被墙，之前自定义字体都是用360搞的cdn字体服务。
然而最近发现，他家也不靠谱，动不动就抽风，一抽风网站速度就被拖垮。
没法，只能上网搜索需求本地放置字体的方法。
在知乎上发现一个很好的方法：

1.翻墙
2. 安装node.js

安装 Google WebFont Downloader

npm install -g goog-webfont-dl

3. 下载字体

例如

"http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,900"

我们就可以键入以下命令（注意此时应在翻墙状态）：

goog-webfont-dl -a -f 'Source Sans Pro' -y '300,400,600,900'

正常情况下，不一会儿就会完成，显示结果：

Downloading webfont formats: ttf,eot,woff,woff2,svg to folder Source Sans Pro

这样字体就已经下载完成了，不仅生成了一个 Source Sans Pro 的目录，所有字体文件都在里面（包括 ttf eot woff woff2 svg），而且还在外面生成了一个 Source Sans Pro.css 文件。不过 CSS 中的路径需要根据自己的需要修改一下。

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../fonts/Source-Sans-Pro-Light.woff2) format('woff2'), url(../fonts/Source-Sans-Pro-Light.ttf) format('truetype'), url(../fonts/Source-Sans-Pro-Light.woff) format('woff');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Source-Sans-Pro.eot);
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/Source-Sans-Pro.svg#SourceSansPro) format('svg'), url(../fonts/Source-Sans-Pro.woff2) format('woff2'), url(../fonts/Source-Sans-Pro.ttf) format('truetype'), url(../fonts/Source-Sans-Pro.eot?#iefix) format('embedded-opentype'), url(../fonts/Source-Sans-Pro.woff) format('woff');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(../fonts/Source-Sans-Pro-Semibold.woff2) format('woff2'), url(../fonts/Source-Sans-Pro-Semibold.ttf) format('truetype'), url(../fonts/Source-Sans-Pro-Semibold.woff) format('woff');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(../fonts/Source-Sans-Pro-Black.woff2) format('woff2'), url(../fonts/Source-Sans-Pro-Black.ttf) format('truetype'), url(../fonts/Source-Sans-Pro-Black.woff) format('woff');
}

使用字体

将字体文件复制到自己想要的目录,然后修改一下 CSS 文件,将字体路径设置正确,就可以使用本地的字体,再也不用担心 useso.com 的不稳定情况发生了。
至于更加详细的信息,请大家到 Google WebFont Downloader 的http://npmjs.com 的页面去查看吧：goog-webfont-dl