line-height和字体实际高度的计算

CSS

1. 宋体下如果用px做为单位，且显示的字体为宋体，则，8px17px时font-size(px) = 字体实际高度(px)+2px。

2. 宋体下如果用px做为单位，且显示的字体为宋体，line-height = 字体实际高度(px)+上留白(px)+下留白(px)

   • 如果font-size为偶数，而line-height为偶数：
     Firefox下: 下留白(px)-1px = 上留白(px)
     IE6下: 下留白(px)-3px = 上留白(px)
     IE7下: 下留白(px)-1px = 上留白(px)
     IE8下: 下留白(px)-1px = 上留白(px)

   • 如果font-size为偶数，而line-height为奇数：
     Firefox下: 下留白(px)-2px = 上留白(px)
     IE6下: 下留白(px)-2px = 上留白(px)
     IE7下: 下留白(px) = 上留白(px)
     IE8下: 下留白(px)-2px = 上留白(px)

   • 如果font-size为奇数，而line-height为偶数：
     Firefox下: 下留白(px)-2px = 上留白(px)
     IE6下: 下留白(px)-2px = 上留白(px)
     IE7下: 下留白(px) = 上留白(px)
     IE8下: 下留白(px)-2px = 上留白(px)

   • 如果font-size为奇数，而line-height为奇数：
     Firefox下: 下留白(px)-1px = 上留白(px)
     IE6下: 下留白(px)-3px = 上留白(px)
     IE7下: 下留白(px )-1px(或2px，因IE7下，如果font-size小于12，字体实际高度跟font-size是相同的)= 上留白(px)
     IE8下: 下留白(px)-1px = 上留白(px)

3. 经过测试如果单位为px，英文的衬线字体arial实际高度为font-size值 – 1px，而非衬线字体tahoma的字体实际高度就为font-size值。