css - 如何判断字体粗细属性和字体兼容性

Question

所以我假设对于 font-weight 的所有可能值，所有字体都支持它们。但是，根据发现的规范这是错误的here它说“不能依赖九种字体权重。这些权重取决于可用字体的权重子集。”并在此 doodle 中举例说明其中似乎只有字体 monospace 的正常和粗体支持(任何 <=500 看起来都正常)。那么，我们如何判断给定字体支持多少个font-weight 级别？

Answer 1

事实上，“九种字体粗细”纯粹是CSS的东西，并不是任何字体规范中正式存在的东西。此外，任何字体目前只能模拟 一个 重量(OpenType 规范刚刚更新了可变尺寸，这将需要一段时间)被改进为“这是正确的方法它”规范和 b) 使其进入浏览器)，所以如果你想要所有九种支持的权重，你需要九种字体，并且对于每一种字体，你需要告诉 CSS 它映射到哪个权重，因为字体的内部权重值 在没办法必须与 CSS 对字体粗细数字的选择相匹配。

如果您按名称依赖系统字体，或者您通过使用诸如 monospace 之类的类别关键字来依赖“甚至不是字体”，那么您就不走运了:几乎没有字体运行完整的 CSS 字体宽度范围。

因此:如果您想要真正的控制和所有权重:使用您知 Prop 有所有九个权重的网络字体，并使用一些合理的 @font-face 规则进行绑定(bind)。您需要付出一些努力来验证它们是否符合您的要求，但一旦您这样做，您就可以保证它可以在每个(现代)浏览器、每个操作系统上运行。