創絡在公明為客戶開發網站的時候,會非常頻繁的使用iconfont的字體圖標,因為其方便,容易控制。那么如何方便的在微信小程序中使用iconfont的字體圖標呢?也非常簡單,不需要借助第三方平臺,只需要兩步:設置iconfont格式后下載,放進項目后修改文件擴展名即可,具體請參考下方詳細說明。
第一步:在iconfont的項目管理中找到需要的項目,然后把項目設置中的字體格式勾選上Base64,點擊保存,然后下載Font Class資源包,下載到資源包中,只需要用到的文件是iconfont.css。
第二步:將下載好的iconfont.css文件復制到微信小程序的目錄中,然后修改文件的擴展名,如果是微信小程序,則修改為:iconfont.wxss,如果是百度智能小程序,則可以不變,具體以各品牌小程序的命名規則為準。修改之后,在需要使用字體圖標的頁面中,引入改文件。然后就可以在小程序開發中,像開發常規web網站項目一樣,非常簡單的使用iconfont字體圖標了。