有志者事竟成。

小程序字体大小怎么设置,小程序修改字体样式方法

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

如何在小程序里愉快的使用自定义字体

真机预览试试

如何在小程序里愉快的使用自定义字体

搞定!

如何在小程序里愉快的使用自定义字体

End

posted on 2021-01-07 14:37  阿长*长  阅读(2806)  评论(0编辑  收藏  举报

导航