icon图标使用

icon图标使用

Created: Aug 26, 2020 11:13 AM
分类: 技术点
技术: 字体图标
文件: src/assets/fonts

1. 下载字体图标库

https://icomoon.io/

https://www.iconfont.cn/

2. 将目录解压,将font文件夹移动到assets目录下,

将demo.html和style.css移动到assets下

3. 在app.vue引用这个样式

<style>

/*引入字体图标*/
@import "assets/style.css";
</style>

4. 在需要加入字体图标的元素里面新建一个span标签,加入class加入相对应的类名

<div>
      <span class="icon-folder-download"></span>
</div>