微信小程序——引用阿里雲字體


阿里圖標官網:http://www.iconfont.cn

使用阿里雲圖標大致的方法就是:選中你的圖標——保存至你的項目——下載你的圖標項目——在項目中引用字體文件。

具體方法可以參考:引用阿里雲矢量圖標庫

我們今天重點是講如何在微信小程序中引用阿里雲圖標庫。

我們就從你已經下載好了圖標庫說起了。

 

1.把該字體文件及css文件放入到小程序項目中,文件目錄如下圖:

 

2.在app.wxss里面引入iconfont.wxss

 

3.通過icon引用

 

具體代碼如下:

<icon class="tabbar-icon shishuofont icon-audio-linear"></icon>

tabbar-icon:我自己定義的class

 
shishuofont:阿里雲創建項目時定義的

icon-audio-linear:對應的圖標名字

 

最后效果如下圖:

 

是不是 so easy?!

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM