大家好，歡迎觀看專業(yè)App開發(fā)、微信小程序開發(fā)的山東文匯官網(wǎng)；給大家分享的文章是：在微信小程序開發(fā)中如何引入iconfont字體圖標。
在我們開發(fā)頁面的時候，有時需要引入圖片，但是有時字體圖標會比圖片合適而且方便。
因為字體圖標體積比較小，比圖片占的內存小，可以減少HTTP請求，字體圖標可以設置字體大小，比較靈活，還可以加各種文字效果，包括顏色、Hover狀態(tài)、透明度、陰影和翻轉等效果。
字體圖標引入方法：
1、資源管理--->我的項目--->點擊下載
2、根據(jù)圖中設置，將base64按鈕選項打開，點擊Add fonts選擇字體，選擇完成之后，點擊convert進行轉碼。轉碼完成之后，點擊下方的Download按鈕即可下載。
3、解壓剛才下載的字體包，將里面的stylesheet.css復制到app.wxss，再將之前在iconfont網(wǎng)站下載的iconfont.css拿出來，打開，將帶有before屬性的內容，復制到app.wxss中。這樣，所有的頁面都可以用字體圖標了。
分享完畢，感謝觀看山東文匯軟件官網(wǎng)，我們是一家專業(yè)App開發(fā)，系統(tǒng)開發(fā)，微信小程序及一體的互聯(lián)網(wǎng)公司，如果您有此方面的需要，歡迎與我們聯(lián)系。
上一篇： 微信小程序 授權用戶信息登錄
