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>