浏览器对数字字体粗细的支持

Jus*_*tin 5 css fonts cross-browser

何时将对数字字体粗细的完全支持添加到每个浏览器?具体来说:IE,FireFox,Chrome,Safari,iOS Safari,Android浏览器。

我知道所有浏览器都支持boldnormal,但是我无法找到完全支持CSS font-weight属性的数值的浏览器的最新列表。我发现的唯一信息是Font-weight仍然坏了。它显示当时大多数浏览器无法正确呈现数字权重,但这是从IE8发行之前的2009年开始的。

例:

<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>
Run Code Online (Sandbox Code Playgroud)

小智 2

AFAIK,字体粗细的数值是存在的,因为每个浏览器都支持字体粗细......问题是重量的所有细微差别(所有数字比例幽灵)取决于字体本身(来自用户的机器,或者如果您通过 @font-face 添加),如果字体没有“半粗体”,则 500 将不会执行任何操作。

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

希望这可以帮助