网页布局中对全局字体的最佳控制

网页布局中对全局字体的最佳控制

1.body { font-family: Arial, sans-serif; }//推荐

2.body { font-family: Tahoma, sans-serif; }然后再将有下划线的（如链接）文字定义为 Arial。

Tahoma 其实是一个挺漂亮的字体，但它也会带来一些问题：
1、由 Tahoma 显示的中文，在 IE6 里，下划线会紧紧的贴住中文字，很难看。
2、IE6 下，Tahoma 无法正确的设定为 13px。它会跟 14px 一样大。但是其他浏览器没有这个问题。
3、如果一行里同时出现中文和英文，且这一行里有元素被定义了 vertical-align 属性，在 IE 6、7 里会导致文字高低不齐，甚至出现下划线错位。

但Arial 也有缺点：
1、比 Tahoma 难看。
2、Tahoma 里的第三个问题也同样存在。不过，这个 bug 是有个解决办法的，就是将这一行定义 zoom:1。

*在 IE 里，所有的表单元素都不继承 body 的字体属性，需要单独设置：

input, label, select, option, textarea, button, fieldset, legend {
font-family:Tahoma,sans-serif;
}