关于UniAPP,原生组件和扩展组件的字体不一致问题。

作者在尝试使用TabBar、uni-list等组件时遇到字体不一致问题,经过多番查找和尝试,最终发现只需在App.vue的style中设置统一的字体家族,就能使所有字体跟随手机系统,解决了用户体验问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        折腾了好几天,页面使用了TabBar、uni-list、uni-collspan、uni-nav-bar,还有page中globalStyle设置的顶部导航栏,结果出现了原生组件跟随手机系统字体,扩展组件却是默认字体,用户体验就很差,查了各种资料,nvue、X5内核、引用别的字体.....都无效,最后的最后终于找到了解决办法:

        只需要在App.vue的style中添加一下样式就可以了....

body {
		font-family: Helvetica Neue, Helvetica, sans-serif;
	}

完美解决,所有字体都跟随手机系统字体!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值