svgs2fonts

svg 图标转字体图标库（svgs -> svg,ttf,eot,woff,woff2）。English readme

版本

1.1.0

安装

1.全局安装

npm i -g svgs2fonts

验证

svgs2fonts -v

2.模块安装

npm i --save svgs2fonts

使用

方式 1——模块引入

const svgs2fonts = require('svgs2fonts');
svgs2fonts.init(options);

其中 options 参数：

• src：{String}，svg 文件目录路径；
• dir：{String}，输出路径；
• fontName：{String}，输出图标/字体名称。可选，默认为"iconfont"；
• startNumber：{Number}，unicode 起始数字（需要避开正常 unicode 范围）。可选，默认为10000；
• noDemo：{Boolean}，是否需要输出 html Demo 文件。可选，默认为false；
• debug：{Boolean}，是否开启 debug 模式以输出更多执行信息。可选，默认为false；
• timeout：{Number}，执行超时时间，默认为 60s（60000）

demo

const svgs2fonts = require('svgs2fonts');
const join = require('path').join;

svgs2fonts
  .init({
    src: __dirname, // svg path
    dist: join(__dirname, 'dest'), // output path
    fontName: 'myIconfont', // font name
    startNumber: 20000, // unicode start number
    noDemo: true, // no demo html files
    debug: true, // open debug
  })
  .then(() => console.log('task success!'))
  .catch(err => console.log(`task failed(${err})`));

方式 2——控制台

svgs2fonts {{srcpath}} {{distpath}} {{options}}

其中参数：

• srcpath: svg 源文件路径（相对当前窗口环境），传""时为当前窗口路径;
• distpath: 导出路径，默认在源文件路径下;
• options: 配置参数，见下文

example

svgs2fonts svg dist

options 配置参数

-n / --name

图标库的名字(default: "iconfont").

example

svgs2fonts svg dist -n myiconfont

--number

unicode 起始编码(default: 10000).

example

svgs2fonts svg dist --number 50000

--nodemo

不要 demo html(default: false).

example

svgs2fonts svg dist --nodemo

--debug

是否开启 debug 模式(default: false).

example

svgs2fonts svg dist --debug

Author

Micheal Wayne

引导文章-《svg、ttf、woff、woff2 图标的研究及转换（svgs2fonts）》

Build time

2018.08.26

Last modified

2021.12.16: fix IE8 bug;