fontdump 1.3.0

用法

$ fontdump -h
fontdump heps you dump google web fonts.
  __            _      _
 / _|          | |    | |
| |_ ___  _ __ | |_ __| |_   _ _ __ ___  _ __
|  _/ _ \| '_ \| __/ _` | | | | '_ ` _ \| '_ \
| || (_) | | | | || (_| | |_| | | | | | | |_) |
|_| \___/|_| |_|\__\__,_|\__,_|_| |_| |_| .__/
                                        | |
                                        |_|
Usage:
  fontdump <google-fonts-url> [--font-dir-path=<path>]
  fontdump (-h | --help)

Options:
  -h --help                 Show this screen.
  --font-dir-path=<path>    Path to the font dir(ends with /).
                            e.g('staic/fonts/', 'http://cdn/.../fonts/')
  --output=<dir>            The directory saves the dumped css and font files

常见问题

问题：谷歌字体有什么问题？为什么我要为 我自己服务器上的字体？

answer：google字体很棒。你应该正常使用。但是为了 在一些国家的用户中，google字体非常慢，有时甚至 无法接近。为你自己的字体服务是他们唯一的选择。 此外，一些开发人员可能希望对web字体有更多的控制权。 他们可能希望将字体作为base64字符串嵌入css以绕过 疯狂的防火墙。他们可能会将字体作为json存储到 本地存储以加速页面加载。

问题：为什么我需要安装一个软件来下载这些 字体？我不能打开chrome开发工具并下载css 和字体手动？

answer：使css字体规则与不同的浏览器兼容是 不容易。因此google检测浏览器的用户代理字符串并服务 只与给定浏览器兼容的css。

作为一个web开发人员/设计人员，您很可能正在使用 现代浏览器，所以你从谷歌获得的css只能在现代 浏览器。为了改善老浏览器用户的用户体验，我们需要 下载4种不同的字体格式并合并css规则 变成一个样式表。一个工具可以简化这个过程。

问题：合并的css是什么样子的？

答案：

像这样：

@font-face {
  font-family: 'WebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: local('WebFont'),
       url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff') format('woff'), /* Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

参考：

Using @font-face

Bulletproof @font-face Syntax

WEBFONT GENERATOR

Avoiding Faux Weights And Styles With Google Web Fonts