首先小程序字体文件是无法放在本地的!!!当你尝试在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里如下图


真机预览试试


搞定!

