2009年10月31日星期六

Pixel Perfect 1

花了几个小时小小研究了一下中文字体:

  • 使用的是 Arial 字体(不同字体下的结果不同,即便同为中文)
  • 列分别为12px文字、12px链接、12px加粗文字、12px加粗链接、14px文字、14px链接、14px加粗文字、14px加粗链接
  • 行分别为IE6、IE7、IE8、FF3.5

点击图片看大图

结论:

Arail 12px 14px文字
ie6/7 高11px占14px
上0下3px
下划线在13px处
高13px占16px
上0下3px
下划线在15px处
ie8 高11px占15px
上0下4px
下划线在12px处
高13px占16px
上0下3px
下划线在14px处
ff3.5 字11px高15px
上2px下2px
下划线在14px处
高13px占16px
上1px下2px
下划线在16px处

1 条评论:

Lane 说...

Cool! 喜欢这类基础研究! 如果可以补齐 WebKit 引擎的效果就更好了!