规范:
- JS 需要现场 amyway。但更喜欢纯 CSS/HTML
- IE7+，支持 iPhone
- 不支持旧浏览器(例如 IE6)
- 标准 HTML，没有乱码(例如 cufon、图像、cifr)。
问题:
- 哪些字体支持 4 种或更多字重？大多数似乎只有一两个。到目前为止的答案:
- Myriad Pro(据说？下面的测试对我来说失败了)
- 我如何优雅地退化为模仿字体粗细感知效果的其他样式？
相关链接:
- 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
- All about choosing the right font for a website
- Font (typeface) selection for the Web?
- On the web, what fonts should I use to create an equivalent experience cross-platform?
最佳答案
第一个问题不是什么字体支持大量权重:而是浏览器是否支持。
据我所知，答案是，不，他们没有，不可靠。 normal 和 bold 是您真正可以使用的仅有的两个权重。
参见相关问题here .我认为这篇 2009 年的博文仍然适用:
Font-weight is still broken in all but one browser
更新:抱歉，我忽略了您已经链接到该特定帖子。我认为这仍然是国家的现状 - 至少，我怀疑没有 Cufon、sIFR 和类似工具的 IE 7 能否实现这一点。
更新 2:参见 Eric Meyer's test suite用于测试的实例。
关于css - 哪些字体支持大量粗细？/如何伪造字体粗细？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3123334/