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 |