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

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

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

添加至項目

 

第二步：打開在線代碼

將在線代碼復制

 

 

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

 

 

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

 

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

 

使用實例：

<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'/>

　　

效果

 

原文：https://www.jianshu.com/p/10cb579539f0?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation