【前端问题集】安卓手机H5页面加粗失效
【摘要】 前端问题集
问题描述
安卓手机H5页面设置加粗没有效果
原因
首先，font-weight 取值范围是 100-900 ，默认的是 400
400 对应 normal
700 对应 bold(加粗)
在 PC 中，字体很多，如果设置 font-weight 是 500 600 可以正确显示。但是在移动端下，字体有限，所以设置 500 和 600 是无效的。根据图中缺失填充的方法，如果缺少 500 ，那么会向下取值400。这就是移动端上，设置 font-weight: 400 和 font-weight: 500 粗细相同的原因。
解决方案
加粗效果font-weight设置成700或者使用关键字bold即可
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）