我采用的方法非常簡單。是在index.html文件頭部引入iconfont。

1
然后注意看第二個link中的herf。將目標(biāo)文件放在herf指定的位置。
那么問題來了,我們怎么得到目標(biāo)文件呢。
首先需要登陸阿里的圖表庫:http://www.iconfont.cn/
然后創(chuàng)建一個自己的項目。
選擇一個你喜歡的圖標(biāo),點擊購物車按鈕添加至購物車。

2
添加完進入購物車頁面,點擊添加至項目。

3
選擇你想要添加進的項目。

4
在項目頁面點擊下載到本地,下載一個zip文件。解壓。我們只需要圖中標(biāo)注的文件。

5
將這個文件放到link中的href指定的位置就可以了。
最后一步就是我們怎么在代碼中使用字體圖標(biāo)了。
很簡單:<i class="iconfont icon-iconName></i>