CSS字体粗细选项

5

我不理解CSS font-weight中的100到900值。我看到100到500像普通大小,而600到900像加粗。只有两种字重。尝试了h1、font-size:60px等。是否有什么我错过的东西?

2个回答

5
如Rich所说,这取决于字体,但这是一个非常好的问题,因为它确实会影响字体的呈现方式,特别是@font-face字体。如果您将数字填错,或者只使用“粗体”而不是正确的数字,它会使字体呈现为锯齿状。
这是一篇很好的文章:http://css-tricks.com/watch-your-font-weight/ 抱歉无法回答您的问题 - 我搜索了,并找不到任何列出每种字体可用字重的网站。这将是一个方便的资源!现在,您可以尝试各种出售字体的网站,例如FontspringGoogle Web Fonts等,或搜索您正在使用的字体并转到其中一个销售该字体的网站; 希望该网站会给出其可用的字重大小。

这并不完全正确: "如果你弄错了数字,或者只是使用了'bold'而不是数字" bold 是一个关键词,意思和 700 完全相同。(类似地,normal400 相同。) 如果有区别,那就是浏览器中的错误。 - Mr Lister
很好知道,Lister先生,我之前没有意识到这一点。感谢您指出来。 - Michelle

1

这取决于您使用的字体。有些字体没有其他字体那么多的权重。如果您有Helvetica Neue,它是一个很好的测试字体 - 它有相当多的权重。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接