微信小程序 font-weight

偶然发现自己设置的font-weight在真机上没起到作用

于是测试一下区别

<view class="font900">中国热</view>
<view class="font800">中国热</view>
<view class="font700">中国热</view>
<view class="font600">中国热</view>
<view class="font500">中国热</view>
<view class="font400">中国热</view>
<view class="font300">中国热</view>
<view class="font200">中国热</view>
<view class="font100">中国热</view>


.font900{
  font-weight: 900
}

.font800{
  font-weight: 800
}

.font700{
  font-weight: 700
}

.font600{
  font-weight: 600
}

.font500{
  font-weight: 500
}

.font400{
  font-weight: 400
}

.font300{
  font-weight: 300
}

.font200{
  font-weight: 200
}

.font100{
  font-weight: 100
}

开发工具上显示如下:
在这里插入图片描述
华为p9,oppo k1真机显示如下
在这里插入图片描述
可以观察到,在真机华为p9和oppo K1上,font-weight 在700以上,有效果,而且700 800 900目视效果一致。

font-weight的值在600及600以下,目视效果一致。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章