font-collector 集字
字体库分割工具, 自动解析html、js等文件中的中文，按需压缩生成web所用格式字体文件
安装
npm install font-collector -g
功能
-
支持从html、js等任何文本文件中提取中文字符 支持utf-8、gbk编码
-
自动切分压缩(ttf格式)字体文件，导出到指定目录
-
支持导出四中浏览器主流字体 (ttf, eot, woff, svg)
使用
命令行：
font-collector -h
Usage: font-collector [options] <file or dir ...>
Options:
-h, --help output usage information
-V, --version output the version number
// 含中文文件的文件路径或者文件夹
-s, --source <path> character file path or dir
// ttf字体文件路径
-f, --font <path> origin font file path
// 输出字体的文件路径
-o, --output <filepath> filepath to output font files
$ font-collector -f test/lib/handfont.ttf -s test/index.html -o test/fonts/handfont
生成结果如下
font-collector/
├── test/
│ ├── handfont.eot
│ ├── handfont.svg
│ ├── handfont.ttf
│ ├── handfont.woff
├── lib/
│ └── handfont.ttf
└── index.html
字体兼容性
| 格式 | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
.eot |
6 | -- | -- | -- | -- | -- | -- | -- |
.woff |
9 | 3.6 | 5 | 5.1 | 11.1 | 5.1 | 4.4 | 36 |
.ttf |
-- | 3.5 | 4 | 3.1 | 10.1 | 4.3 | 2.2 | 36 |
.svg |
-- | -- | 4 | 3.2 | 9.6 | 3.2 | 3 | 36 |