vue阅读项目字体图标准备-记录二

第一步. 去https://www.iconfont.cn/ 下载需要的图标的svg格式

第二步. 去https://icomoon.io/app/#/select 生成字体文字

1.新建文字库

2.导入下载好的svg图标文件夹

3.鼠标点击选中图标

4.点击下面的按钮生成图标文字

5.下载并保存文字

第三步. 项目中引用文字

1.在项目的src/assets目录下新建styles目录将字体图标放进去

2.main.js引入字体文件

import './assets/styles/icon.css'

然后在其他文件中就可以通过class名字使用它了