vue项目中如何使用iconfont

导读：vue项目中引入iconfont的方式

iconfont 的三种使用方法

1. unicode 不常用
2. Font class 像字体一样使用，默认黑色图标，无法修改颜色
3. Symbol 支持多色图标，更灵活，推荐

一、unicode 略

二、Font class

方式一：下载到本地

第一步：iconfont-资源管理-我的项目-Font class -下载到本地

第二步 引入至项目中

在 index.html

<link rel="stylesheet" href="/https/blog.csdn.net/src/assets/iconfont/iconfont.css" />

第三步 vue页面中使用

 <span class="iconfont icon-off-line"></span>

方式二：在线引用

iconfont-资源管理-我的项目-Font class - 查看在线链接 - 项目引用样式文件 - 页面中使用；
使用方式跟上面的方式一大体相同，只是在index