网页布局中对全局字体的最佳控制
这篇讲的是如何在网页CSS中设置全局`font-family`，作者基于实际踩坑经验，对比了几种常见写法的优缺点，最终给出了一个跨平台的推荐方案。 文章对比了包括`Arial, sans-serif`、`"宋体", sans-serif`、`Tahoma, sans-serif`等几种写法。例如，直接使用“宋体”在Safari和Vista的IE7下显示效果差，且英文部分不美观；而使用Tahoma虽然字体漂亮，但在IE6中会出现中文下划线贴紧、13px字号显示异常以及混合排版时`vertical-align`导致的文字错位等具体bug。 相比之下，`font-family: Arial, sans-serif;`被作者认为是全局字体设置中最合适的选择。它解决了Tahoma在IE6下的前两个问题，且第三个布局bug也有成熟的`zoom:1`解决方案。文章最后还补充了一个重要细节：在IE浏览器中，所有表单元素（如`input`、`select`）不会继承`body`的字体，需要单独显式设置。 作者从多种写法的实践对比出发，最终收敛到一个兼顾不同操作系统（XP、Vista、Mac）默认字体显示效果，且规避了常见浏览器渲染bug的解决方案，这对于处理复杂的前端兼容性问题有很强的参考价值。