最近做项目遇到一个问题,公司的小程序内部要嵌入H5页面,结果这个字体加粗在网页里面显示是正常的,在ios里面显示也是正常的,就是在Android上显示是不正常的,字体显示不加粗,网上搜了一圈,找到了答案。
(1)字体加粗属性
<style type="text/css">
.类名{
font-weight: 700;//加粗
font-weight: 400;//正常
}
</style>
在Android机型上,font-weight小于700是不显示字体加粗效果的,当时UI给我的是600,小于700,所以Android上显示是不加粗的。
(2)字体加粗标签
<b>
<p>我是字体加粗b标签</p>
</b>
<strong>
<p>我是字体加粗strong标签</p>
</strong>