微信小程序 - iconfont 圖標字體

你還在使用圖片做爲小程序的圖標？好像有點Outer了啵。

大豬告訴你們如何在小程序上使用iconfont字體圖標。

使用指南

登陸阿里巴巴iconfont.cn

新建一個項目

點擊icon收藏、或者搜索

加入到項目中

下載

到項目下載到本地解壓

生成代碼

複製iconfont.css到xxx.wxss

替換iconfont.css中的@font-face爲上面的生成代碼

xxx.wxss樣式中@import使用@import "../../../css/test.wxss";

wxml中使用

<text class='iconfont icon-home' style='color:#7F8389;font-size:60rpx;'></text>

顯示結果以下

最後

天天發佈更多新鮮有含量的技術文章、總有一款適合你。

快關注我、把我打包帶走。

---------------END----------------

後續的內容一樣精彩

長按關注「IT實戰聯盟」哦