第一步:下载字体图标
选择好要下载的字体图标后 点击下载代码,得到一个压缩包
第二步
解压后将文件夹放到项目src/assets中
第三步
打开解压后的文件夹中的demo——index.html
可选fontclass引用
在项目入口文件main.js中导入字体图标 iconfont.css
// 导入字体图标
import './assets/fonts/iconfont.css'
最后在需要使用字体图标的单文件组件中使用。
例
login.vue单文件组件使用下图的字体图标