开发者

What fonts support a large number of weights? / How to fake font-weight?

Specs:

  • JS required amyway on site. but prefer pure-CSS/HTML
  • IE7+, iPhone supported
  • Old browsers (e.g. IE6) not supported
  • Standard HTML with no crazy kludges (eg cufon, images, cifr).

Questions:

  1. What fonts support 4 or more weights? Most seem to only have one or two. Answers so far:
    • Myriad Pro (supposedly? test below fails for me)
  2. How can I degrade gracefully to some other styling that mimics the perceptual effect of font weight?

Relevant links:

  • http://www.clagnut.com/blog/2228/ (1 yr old)
  • http://clagnut.com/sandbox/fontweight.html (my OSX.6 Firefox & Safari show only two weights)
  • 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 crea开发者_运维技巧te an equivalent experience cross-platform?


The first question is not what fonts support a large number of weights: It's whether the browsers do.

The answer, as far as I can see, is, no they don't, not reliably. normal and bold are the only two weights you can work with really.

See the related question here. I think this 2009 Blog post still holds true:

Font-weight is still broken in all but one browser

Update: I overlooked that you already link to that particular post, sorry. I think it's still the state of the nation - at least, I doubt this is achievable for IE 7 without Cufon, sIFR and similar.

Update 2: See Eric Meyer's test suite for a live example to test on.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜