基于 fis 的 svg 转字体插件

移动端iconfont的使用越来越广泛，由于缺少比较好的自动化工具，开发者在修改字体图标时需要在2个平台icomoon和everythingfonts进行转换，免费服务各种限制，而且还要手工进行额外的操作。

本插件实现一键转换svg图标为svg,oet,ttf,woff,woff2的功能。

由于开源模块大量使用了异步调用，所以暂未改造成fis release 插件，先用command命令来实现自动化需求。

执行 npm install -g fis-command-iconfont 全局安装

var settings = { src:'./src/resource/svgs', dest:'./dist/resource/fonts', fontname:'wiifont', destCss:'./dist', destHtml: './dist' }

src 为svg文件夹
dest 为生成字体以后的文件夹
fontname 为字体的名称
destCss 为 css 生成的路径 destHtml 为 html 生成的路径

在fis模块根目录执行fis iconfont即可完成字体转换工作，字体将生成更新到指定dest目录里(原有同名字体将删除)。 本插件里附带可以测试的 svg 文件在src中可以找到。

命令行方式调用

fis3 iconfont -n wiifont -s ./src/resource/svgs -d ./dist/resource/fonts -c ./dist -m ./dist

fis集成方式

fis.config.set("iconfont", { 'src': '/src/resource/svgs', //图标目录 'dest': '/dist/resource/fonts', //产出字体目录 'fontname': 'wiifont', //产出字体名称 'order': 'name', //name或者time //图标按名称还是按修改时间排序，默认按名称排序 'destCss': './dist', 'destHtml': './dist' }); 使用demo

fis3-iconfont-demo

请查看你本机的"lodash": "^2.4.2"版本是否为该版本。