svg2font 是基于font-carrier的命令行工具,旨在由svg生成目前浏览器支持的多种字体文件。
npm install -g https://github.com/george-quzhi/svg2font.git
npm install --save https://github.com/george-quzhi/svg2font.git
svg2font ./test/svgs ./test/font/
Positional arguments:
svgPath Input svg path
fontPath Output font path
Optional arguments:
-h, --help Show this help message and exit.
-v, --version Show program's version number and exit.
-u UNICODENUM, --unicodeNum UNICODENUM unicodeNum, 指定font的unicode起始值。default 60000。
(默认加1)。
-n FILENAME, --fileName FILENAME fileName, 指定生成字体文件的名字。default iconfont。
-f FONTFAMILY, --fontFamily FONTFAMILY fontFamily, 指定字体的font-family。default iconfont。
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
-c FONTCLASS, --fontClass FONTCLASS fontClass, 指定图标class的前缀。default icon-。
.icon-test-1:before {
content: "\ea61";
}
-r REVERSE, --reverse REVERSE font to svg 反向,由字体文件生成svg图片
svg2font ./test/font/iconfont.ttf ./test/svgs/svg -r true
var svg2font = require("svg2font");
svg2font.generate(svgPath, fontPath, {
unicodeNum: 60000, //指定font的unicode起始值。
fileName: 'iconfont', //指定生成字体文件的名字。
fontFamily: 'iconfont', //指定字体的font-family。
fontClass: 'icon-' //指定图标class的前缀。
});
MIT