首先小程序字體文件是無法放在本地的!!!當你嘗試在css中導入本地字體文件時。。。
控制台中會顯示如下圖報錯
然后 我們嘗試將字體文件放在遠程服務器試試
於是將字體文件上傳至 阿里雲OSS服務
復制url 粘貼
IDE上成功顯示字體樣式
發現一絲不對勁
控制台顯示報錯
真機預覽試試
果然沒有生效
難道是后台沒有配置oss服務器的域名白名單
登錄小程序后台
添加合法域名
保存提交
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.128
IDE顯示字體 真機無效
秉着求知的精神
看來是時候祭出殺器
一個會裝逼的程序員 必須得會用這個
然后找到了以下辦法
將圖片轉換成BASE64
首先打開 在線轉換工具 https://transfonter.org/
然后上傳字體文件
轉換並下載
解壓下載的文件
打開文件
stylesheet.css
選中復制
粘貼到wxss里如下圖