uni-app引入字體圖標

我的項目引入的是阿里巴巴的圖標庫。修改 iconfont.css ：

修改該文件夾中的內容，刪除紅色部分，只留下 “data” 開頭的路徑

 

 刪完之后，剩下這樣的

 

注意：路徑最后只剩下一個，這行代碼的結尾一定是 “ ; ” 還有src:不要落下

 

以上 css 文件配置完畢，在需要用到的xxx.vue 文件中引入，如下所示 :

 

 

 這樣就可以了。

其中 class 中的屬性引用，可以參考下載下來的圖標文件中的 demo_index.html 文件，查看源代碼得知該圖標引用的什么樣式，寫上即可。