当前位置:网站首页 > 新媒体 > 正文

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

0 李勇seo 李勇seo 2025-04-28 02:51 3

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

李勇seo

李勇seo

TA很懒,啥都没写...

本文暂时没有评论,来添加一个吧(●'◡'●)

取消回复欢迎 发表评论:

@百闻站长 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2025402138号 | (地图