大家好，歡迎觀看專業(yè)App開發(fā)、微信小程序開發(fā)的山東文匯官網(wǎng)；給大家分享的文章是：在微信小程序開發(fā)中如何引入iconfont字體圖標(biāo)。

在我們開發(fā)頁面的時(shí)候，有時(shí)需要引入圖片，但是有時(shí)字體圖標(biāo)會比圖片合適而且方便。

因?yàn)樽煮w圖標(biāo)體積比較小，比圖片占的內(nèi)存小，可以減少HTTP請求，字體圖標(biāo)可以設(shè)置字體大小，比較靈活，還可以加各種文字效果，包括顏色、Hover狀態(tài)、透明度、陰影和翻轉(zhuǎn)等效果。

字體圖標(biāo)引入方法：

1、資源管理--->我的項(xiàng)目--->點(diǎn)擊下載

2、根據(jù)圖中設(shè)置，將base64按鈕選項(xiàng)打開，點(diǎn)擊Add fonts選擇字體，選擇完成之后，點(diǎn)擊convert進(jìn)行轉(zhuǎn)碼。轉(zhuǎn)碼完成之后，點(diǎn)擊下方的Download按鈕即可下載。

3、解壓剛才下載的字體包，將里面的stylesheet.css復(fù)制到app.wxss，再將之前在iconfont網(wǎng)站下載的iconfont.css拿出來，打開，將帶有before屬性的內(nèi)容，復(fù)制到app.wxss中。這樣，所有的頁面都可以用字體圖標(biāo)了。

分享完畢，感謝觀看山東文匯軟件官網(wǎng)，我們是一家專業(yè)App開發(fā)，系統(tǒng)開發(fā)，微信小程序及一體的互聯(lián)網(wǎng)公司，如果您有此方面的需要，歡迎與我們聯(lián)系。