創(chuàng)絡(luò)在公明為客戶開發(fā)網(wǎng)站的時(shí)候,會(huì)非常頻繁的使用iconfont的字體圖標(biāo),因?yàn)槠浞奖悖菀卓刂?。那么如何方便的在微信小程序中使用iconfont的字體圖標(biāo)呢?也非常簡(jiǎn)單,不需要借助第三方平臺(tái),只需要兩步:設(shè)置iconfont格式后下載,放進(jìn)項(xiàng)目后修改文件擴(kuò)展名即可,具體請(qǐng)參考下方詳細(xì)說明。
第一步:在iconfont的項(xiàng)目管理中找到需要的項(xiàng)目,然后把項(xiàng)目設(shè)置中的字體格式勾選上Base64,點(diǎn)擊保存,然后下載Font Class資源包,下載到資源包中,只需要用到的文件是iconfont.css。
第二步:將下載好的iconfont.css文件復(fù)制到微信小程序的目錄中,然后修改文件的擴(kuò)展名,如果是微信小程序,則修改為:iconfont.wxss,如果是百度智能小程序,則可以不變,具體以各品牌小程序的命名規(guī)則為準(zhǔn)。修改之后,在需要使用字體圖標(biāo)的頁面中,引入改文件。然后就可以在小程序開發(fā)中,像開發(fā)常規(guī)web網(wǎng)站項(xiàng)目一樣,非常簡(jiǎn)單的使用iconfont字體圖標(biāo)了。