本工具旨在利用已有的svg图片,离线生成iconfont资源文件,可以与第三方iconfont(如阿里)混合使用,且用法与阿里iconfont基本一致
使用说明:
-
安装node
-
执行命令 npm install
-
将svg图片放在svg目录下,多色图标命名必须已“-colours”结尾,单色图标随意
-
执行 node index
-
完毕后,fonts/下以生成iconfont资源,可通过 http://localhost:3000 进行查看图标
-
在项目中使用,需先引入iconfont.css、iconfont.js,如与第三方iconfont混用,还需引入resetFontFamily.css
注意:
1. 如果要与第三方iconfont混用,切记在index.js中修改thirdFontClass值和runWithThird标记。
2. 如果要与第三方iconfont混用,切记要在引用第三方资源文件之后引用myIconfont的资源文件,最后引入resetFontFamily.css(此文件在fonts/下自动生成)