?1、在iconfont官網(wǎng)平臺生成css代碼

創(chuàng)建一個項目（進入我的項目，點擊創(chuàng)建項目）

輸入相關(guān)數(shù)據(jù)，創(chuàng)建項目?

在圖標庫中挑選自己需要的圖標，點擊購車按鈕

選好后，點擊右上角購物車 按鈕

將購物車中的圖標添加到自己的項目中

?

在項目中，點擊Font class按鈕，點擊查看在線鏈接，生成css文件

?

點擊復(fù)制代碼

?

?將復(fù)制的url在瀏覽器中打開

2、將代碼引入到小程序中

?在小程序根目錄創(chuàng)建iconfont.wxss文件，將瀏覽器中的代碼復(fù)制，粘貼到文件中

?在app.wxss文件中引入iconfont.wxss文件

?

3、使用引入的字體圖標

在iconfont中查看圖標名稱（可以自定義，瑤重新生成css文件）?

在需要的地方使用

完成?

總結(jié)

以上是生活随笔為你收集整理的微信小程序中如何使用阿里云iconfont图标的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。