本人最近在做學(xué)校的暑期社會(huì)實(shí)踐微信小程序項(xiàng)目,今天在改index頁面的時(shí)候覺得默認(rèn)的中文字體不太好看堡掏,就想換個(gè)字體应结。沒想到微信小程序引入外部字體還挺復(fù)雜,斷斷續(xù)續(xù)搞了一天終于搞好了泉唁。
??此辦法需要使用github pages
同樣可以用的辦法:轉(zhuǎn)為base64(適用于英文字體鹅龄,中文轉(zhuǎn)了之后會(huì)特別大,超出微信小程序2M大小的限制)?
具體操作可以看這篇文章:https://blog.csdn.net/u013451157/article/details/79825740
------------------------------------------------------------------------------------------------------------
下面分享我的操作:
首先這里是微信小程序提供的官方文件亭畜,大家可以在微信開發(fā)者工具里面看一下各個(gè)文件:https://developers.weixin.qq.com/miniprogram/dev/api/ui/font/wx.loadFontFace.html
步驟1:把字體文件放到github pages的github倉庫的根目錄下扮休,add commit push一波然后耐心等待一會(huì)兒(等網(wǎng)站更新一下)
步驟二:然后在微信開發(fā)者工具里面添加這些代碼(來自于微信官方文檔)
假設(shè)你需要修改的頁面是index頁面
index.js:
這里的url改成自己的github pages的網(wǎng)址 + / + 你的字體文件名
index.wxss:
index.wxml:
改完這三個(gè)文件,保存預(yù)覽就可以了拴鸵。
有的時(shí)候在電腦上字體不會(huì)有變化但是手機(jī)上預(yù)覽就會(huì)有變化啦
效果圖:
我是喬爾Joe~喜歡的話點(diǎn)個(gè)贊??點(diǎn)贊的人都能在2020暴富不寫bug喲!