小程序模板網(wǎng)

微信小程序 使用字體圖標 iconfont

發(fā)布時間:2021-06-18 08:58 所屬欄目:小程序開發(fā)教程

第一步:在阿里巴巴矢量圖標庫下載需要的圖標

地址:https://www.iconfont.cn/

添加至項目


 

第二步:打開在線代碼

將在線代碼復(fù)制

 

 

第三步:點擊下載至本地下載圖標

 

 

將下載的download文件解壓打開iconfont.css,將文件中的@font-face替換為在線鏈接(即剛剛復(fù)制的代碼)。

 

第四步:將iconfont.css文件中的代碼復(fù)制到微信小程序使用字體圖標的的wxss文件中。

 

使用實例:

1
2
3
4
5
<icon class='iconfont icon-icon_fabu'/>
<icon class='iconfont icon-ditu-dibiao'/>
<icon class='iconfont icon-gongdanqueren'/>
<icon class='iconfont icon-kongxinduigou'/>
<icon class='iconfont icon-icon_zhanghao'/>

  

效果


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/26554.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢