使用 icoMoon 生成自己的图标库

1. 登录网站

https://icomoon.io/app/#/select

2. 导入自己的图标svg图片

3. 按照提示选择自己想要上传的svg, 资源

链接: https://pan.baidu.com/s/1pLuShSJ 密码: yev8

4. 点击选择

5. 生成自己的字体库 并且下载

6. 解压下载的文件

我们需要两个文件
fonts 和 style
style 可以参考另外一篇文章 https://segmentfault.com/a/1190000011121015

7. 使用方法

比如用vue-cli构建的一个单页应用, 我们可以做一个index.css 在这个页面, 我们import一些常用的css,如reset, base, 还有上面生成的哪个样式. 最后放在 main.js 里面 import 就行了

然后使用的时候
<div class="check_circle">div>...

参考网址：https://segmentfault.com/a/1190000011130145