微信小程序 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以下,目視效果一致。

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