这一次竟然没有变粗?记录font-weight踩坑

1,025 阅读2分钟

微风吹过我的脸庞,炎炎夏日,2.9块的小蓝瓶依旧是我的快乐源泉。小蓝杯谁不爱~

吹着风儿喝着水,像往常一样迭代又要改改样式,写写bug~ 打开蓝湖看看设计稿,这次在内容里面新增了一个小标题。嗯小事情一个font-weight属性的事情。蓝湖怕损伤我的脑细胞属性名数值都已经在右侧展示好了,就等我点击一下复制粘贴到我的样式表。
代码写好,在我的谷歌浏览器,小程序模拟器里展示都ok,没毛病~将代码往测试环境一发。

小周H5页面写好了你看一下~

过一会小周跟我说你的小标题加粗了吗? 我:加粗了啊

小周: 你看没粗啊

一个男人该粗的时候怎么能不粗呢?我拿过测试机一看嗯?没粗?什么情况? 样式没生效?

我将小程序编译在手机上看嗯?也没粗!

百思不得姐~没办法我只好面向谷歌编程了。 经过一番搜索问题确定在了font-weight属性上,我必须要让它粗起来这关乎了我的专业,关乎了我的尊严,也关乎了我的饭碗🍚!

在MDN上有这样一段说明,没有重点标记的“一些”跟“只”字勾引起了我的注意,继续往下看

搜嘎回退机制,至此为什么我在手机上看字体为什么没粗的原因似乎水落石出了。数值为600时,会先去在我手机上的字体里找大于600的可用权重,找到了就用没有找到,这时会在找小于600的可用权重。

至此为了保证各个地方有加粗的表现我果断的将600替换成了bold。

嗯是的没错 粗了! 依旧是那么自信那么帅气。