使用 icoMoon 生成本身的图标库

1. 登陆网站css

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

2. 导入本身的图标svg图片vue

图片描述

3. 按照提示选择本身想要上传的svg, 资源vue-cli

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

4. 点击选择segmentfault

图片描述

5. 生成本身的字体库 而且下载app

图片描述

6. 解压下载的文件svg

图片描述

咱们须要两个文件
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>...
相关文章
相关标签/搜索