哪些字体支持较多的字重？ 如何伪造字体粗细？

Question

规格：

• 网站上需要JS，但最好使用纯CSS/HTML
• 支持IE7+、iPhone
• 不支持旧版浏览器（例如IE6）
• 标准HTML，不包含奇怪的修补程序（例如cufon、images、cifr）

问题：

1. 哪些字体支持4种或更多种字重？大多数似乎只有一两种。目前的答案：
   • Myriad Pro（据说？我的测试失败了）
2. 如何优雅地降级到其他样式，以模拟字重的视觉效果？

相关链接：

• http://www.clagnut.com/blog/2228/（1年前）
• http://clagnut.com/sandbox/fontweight.html（我的OSX.6 Firefox和Safari仅显示两种字重）
• http://www.fontsquirrel.com/fontface/generator
• https://stackoverflow.com/questions/340923/what-is-the-most-readable-appealing-font
• 选择网站正确字体的全部内容
• Web字体（字体）选择？
• 在Web上，我应该使用哪些字体来创建跨平台的等效体验？

- Sai

Answer 1

第一个问题不是哪些字体支持大量权重的问题：而是浏览器是否支持。

据我所见，答案是否定的，它们并不可靠。普通和粗体是你真正能使用的唯一两个权重。

请参阅相关问题 here。我认为这篇2009年的博客文章仍然是正确的： Font-weight is still broken in all but one browser 更新：我忽略了你已经链接到那篇特定的文章，抱歉。我认为这仍然是国家的状况-至少，我怀疑在没有 Cufon、sIFR 和类似工具的情况下，这对 IE 7 是不可实现的。

更新2：请参阅Eric Meyer's test suite以获得实时示例进行测试。

- Pekka