一、挑選icon,生成文件
1、打開阿里icon?https://www.iconfont.cn/?選中圖標 ,添加至購物車
?

?
?

?2.將項目下載到本地?

?3.下載文件的目錄結構

?
二、轉換ttf文件（原因:?小程序的wxss文件font-face的url不接受http地址作為參數,可以接受base64,因此可以先將字體文件下載后,轉換為base64，然后引用。

進入https://transfonter.org/平臺

點擊Add fonts，添加iconfont.ttf

3.勾選如圖選項

4.點擊

?

5.下載


?三、微信小程序中使用圖標

1.打開在阿里icon中下載的iconfont.css，復制 @font-face以外的內容，到stylesheet中。


?

?

2、修改后綴名為.wxss 在需要的地方引入

wxml中使用

?
至此就完成啦，搞定！

?

?

?

?

?

?

總結

以上是生活随笔為你收集整理的微信小程序中使用icon的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。