mpvue导入iconfont

1. 登录官网 

http://www.iconfont.cn/

2. 查找需要的图标

3. 把图标加入购物车，并移入项目

 

4. 进入项目下载图标文件

5. 修改iconfont的配置文件中的@font-face

开始显示为：

修改为：

@font-face {
  font-family: 'iconfont';
  src:url('iconfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

6. 在main.js中导入样式库

import '../static/images/iconfont/iconfont.css'

7. 在vue文件中引入,2个类必须填写，第二个类是对应的图标名称

<i class="iconfont,icon-home"></i>