浏览器支持数字字体粗细答案

【问题标题】：Browser support for numeric font-weight浏览器支持数字字体粗细
【发布时间】：2015-04-19 19:43:17
【问题描述】：

numeric 字体粗细的完全支持何时添加到每个浏览器？具体来说：IE、FireFox、Chrome、Safari、iOS Safari、Android 浏览器。

我知道所有浏览器都支持 bold 和 normal，但我一直无法找到完全支持 CSS 字体的 numeric 值的浏览器的最新列表 -权重属性。我找到的唯一信息是Font-weight is still broken。它显示当时大多数浏览器无法正确呈现数字权重，但它是从 2009 年 IE8 甚至发布之前开始的。

例子：

<link href='http://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
<style>
body { font-family: 'Roboto', sans-serif; }
.light { font-weight:300 }
.normal { font-weight:400 }
.bold { font-weight:700 }
</style>

【问题讨论】：

这是一篇不错的文章：css-tricks.com/almanac/properties/f/font-weight
我已经读过了。我正在寻找添加支持时的特定版本。类似于 caniuse.com 显示浏览器支持的方式。
哦，好吧...我做了一些谷歌搜索，除了这篇文章reference.sitepoint.com/css/font-weight#compatibilitysection，什么也没找到。但没有什么像caniuse。我想我帮不上这个忙。
谢谢，那篇文章建议所有浏览器都提供完全支持，但随后一位评论者指出这是不正确的。说（早在 2008 年）：“我认为列出的浏览器都不支持‘完整’标准的字体粗细，因为没有一个支持数字比例。目前只有 Firefox 3 和 Webkit nightlies 支持数字作为字体粗细的值。”
问题是什么，真的吗？引用的页面晦涩难懂，因为它没有明确说明具有不同粗细的 real 字体与合成粗体的实际情况。而且，代码示例大约是@font-face，这是比较不同的；我认为您甚至找不到支持它但不支持数字字体粗细的历史浏览器。

标签： fonts cross-browser css

【解决方案1】：

AFAIK，字体重量的数值在那里，因为每个浏览器都支持字体重量......问题是重量的所有细微差别（所有数字比例幽灵）都取决于字体本身（来自用户的机器，或者如果你已经通过@font-face 添加），如果字体没有“半粗体”，500 不会做任何事情。

您可以查看规范，其中解释了当字体中不存在 weight 时浏览器的行为方式：http://www.w3.org/TR/CSS21/fonts.html#font-boldness

希望对你有帮助

【讨论】：

我链接到的文章显示，尽管测试机器上存在不同的权重，但旧版本的 IE 和 Firefox 并未正确呈现权重。问题是，每个浏览器什么时候修复了这个问题（他们现在都有了）。根据我所有的搜索，我得出的结论是它没有记录在任何地方。