首页 前端知识 【前端问题集】安卓手机H5页面加粗失效

【前端问题集】安卓手机H5页面加粗失效

2024-06-01 10:06:33 前端知识 前端哥 269 996 我要收藏

问题描述
安卓手机H5页面设置加粗没有效果

原因
首先,font-weight 取值范围是 100-900 ,默认的是 400
400 对应 normal
700 对应 bold(加粗)

image.png

在 PC 中,字体很多,如果设置 font-weight 是 500 600 可以正确显示。但是在移动端下,字体有限,所以设置 500 和 600 是无效的。根据图中缺失填充的方法,如果缺少 500 ,那么会向下取值400。这就是移动端上,设置 font-weight: 400 和 font-weight: 500 粗细相同的原因。

解决方案
加粗效果font-weight设置成700或者使用关键字bold即可

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10464.html
标签
评论
发布的文章

无涯教程-HTML5 - 表单标签

2024-06-08 00:06:06

HTML5基础2

2024-06-07 23:06:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!