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>...

荆棘鸟
398 声望4 粉丝