首先小程序字體文件是無法放在本地的
當(dāng)你嘗試在css中導(dǎo)入本地字體文件時
image.png
控制臺中會顯示如下圖報錯
image.png
然后 我們嘗試將字體文件放在遠(yuǎn)程服務(wù)器試試
于是將字體文件上傳至 阿里云OSS服務(wù)
復(fù)制url 粘貼
IDE上成功顯示字體樣式
發(fā)現(xiàn)一絲不對勁
控制臺顯示報錯
真機(jī)預(yù)覽試試
真機(jī)預(yù)覽
果然沒有生效
難道是后臺沒有配置oss服務(wù)器的域名白名單
登錄小程序后臺
添加合法域名
域名白名單添加
保存提交
try again↓
還是不行
還是不行 跟之前一樣 還是控制臺報錯
VM7333:5 Failed to load font https://surx.oss-cn-beijing.aliyuncs.com/font/Digital2.ttf net::ERR_CACHE_MISS From server 59.110.185.128IDE顯示字體 真機(jī)無效
秉著求知的精神
看來是時候祭出殺器
一個會裝逼的程序員 必須得會用這個
然后找到了以下兩個辦法
一、.將圖片轉(zhuǎn)換成BASE64
1.首先打開 在線轉(zhuǎn)換工具 https://transfonter.org/
2.然后上傳字體文件
![]()
image.png
image.png
3.轉(zhuǎn)換并下載
4.解壓下載的文件
打開文件
stylesheet.css
選中復(fù)制
粘貼到wxss里如下圖
真機(jī)預(yù)覽試試
搞定！
