@sevensu/svg2iconfont v1.0.4

字体文件生成工具

用于将 svg 图标生成 iconfont 文件的工具

图标绘制规则

https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.16&helptype=draw

icontool安装方式

npm i @sevensu/svg2iconfont -g

icontool使用方式

1. 将需要转换为 iconfont 的svg 图标放在项目src/assets/icons目录下
2. 在项目根目录下运行 icontool run 生成字体图标及 scss 文件，如果想要使用 css 文件，则运行 icontool run css 命令
3. 文件目录结构如下(assets可以跟约定俗成的一样做为静态资源存放文件夹使用，不会被icontool影响)
   • src + assets + scss + css + fonts + icons

字体文件应用

1. 引入生成的sass文件或者css文件

2. 在css中找到相应图标的类名（后缀与文件名相同），应用于页面

   <i class="icon-add" style="font-size: 42px;"></i>