怎样下载Google字体

在设计前端网页时,我们可能会用到一些远程字体。我很喜欢Google的一些字体,比如PT Sans, Roboto,但是总是会担心Google的服务会被墙。
那么如何把这些字体下载到本地,放在自己的服务器上使用呢?

Solution

我们可以使用命令行的方式下载。
首先安装Google Webfont downloader

npm install -g goog-webfont-dl

之后你就可以使用如下命令下载字体了
比如你正在使用Roboto字体,你的请求是这样的:

<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400' rel='stylesheet' type='text/css'>

你就可以通过如下命令下载这个字体:

goog-webfont-dl -a -f 'Roboto' -y '100,300,400'

然后就将得到如下的目录结构:

/Roboto.css
/Roboto
  └─┬ Roboto-Light.ttf
    ├ Roboto-Light.woff
    └ ...

把这些文件放到你的assets/fonts文件夹中,将原来的css请求改为:

<link href='/assets/fonts/Roboto.css' rel='stylesheet' type='text/css'>

这样就大功告成了!Enjoy!

Loading comments...