问题描述
安卓手机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即可