什么时候完全支持为每个浏览器添加数字 font-weight?具体来说:IE,FireFox,Chrome,Safari,iOS Safari,Android浏览器。
我知道所有浏览器都支持bold
和normal
,但我一直无法找到完全支持数字值的浏览器的最新列表CSS font-weight属性。我找到的唯一信息是Font-weight is still broken。它显示当时大多数浏览器无法正确呈现数字权重,但它是在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>
答案 0 :(得分:2)
AFAIK,font-weight的数值是因为每个浏览器都支持font-weight ...重量的所有细微差别(所有数字级别的幽灵)都取决于字体本身(从用户的机器,或者如果你已经通过@ font-face添加,如果字体没有“semibold”,500将不会做任何事情。
您可以查看规范,解释当字体不存在权重时浏览器的行为:http://www.w3.org/TR/CSS21/fonts.html#font-boldness
希望这可以提供帮助