Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

Firefox 那又粗又黑的字体

  最近看到有人在代码里有对 font-weight 属性写数值的,刚看到时我很疑惑为什么要这么写。至少设计师在交设计稿及标注时只会标注哪里是粗体,绝对不会详细到把 font-weight 的具体取值都标出来。而且在我的记忆中,低版本 IE 好像不支持某些数值。
  为什么要在 font-weight 属性上写数值呢?问了才知道,如果字体支持 font-weight 的话,Firefox 上的 font-weight: bold 会比一般的浏览器要粗,相当于 font-weight: 800 的程度。一般浏览器的 bold 只有 600 而已。所以如果写 font-weight: bold 的话,Firefox 上文字会糊成一坨。比如 Mac 上的 「Lantinghei SC」 字体就是典型。
<style> body { font-family: Lantinghei SC; } </style>
<div style="font-weight:600;">憂鬱的臺灣烏龜</div>
<div style="font-weight:bold;">憂鬱的臺灣烏龜</div>

  上面的截图中,前者是 Chrome,bold 和 600 没有差异,而同样的 font-weight 到了 Firefox 上就非常明显地糊成一坨了。
  看来 font-weight 的数字取值偶尔还是有点用的,虽然我也没测过更多环境下的差异 :joy:
网名:
34.203.245.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^