html – 为什么在Opera中使用更大的字体大小呈现文本？

我正在开发一个需要或多或少像素完美的 HTML页面,我注意到在Opera 10中,字体渲染比在其他浏览器中更大,即使字体大小实际上是相同的.

请参阅Opera 10中的此示例页面以及Firefox 3.6等其他浏览器：

http://troy.onespot.com/static/stack_overflow/opera_font_size.html

或者,这是一个说明问题的屏幕截图：

http://skitch.com/troywarr/d47m1/font-size

“50px”和“46px”文本背后的红色框(两者都具有相应的字体大小)都具有50px的高度.

在Firefox 3.6中,“50px”中“p”的下行与其后面的红色框的底部对齐.在Opera中,“50px”中“p”的下降位于下方;它是“46px”,更接近Firefox中的“50px”.这告诉我,Opera正在渲染10％太大的字体.

这与其他正文文本的问题完全相同,在Opera 10中完全抛弃了我的页面布局.如果您对可能导致此问题的原因有什么想法,或者至少如何预防/修复它,请告诉我.

谢谢！

更新：

看来我没有安装Helvetica的正确副本 – 我从字体堆栈中删除了它,并且在我的测试页面上看到的渲染文本没有区别.

我更新了测试页面只使用通用的“sans-serif”字体系列,所以希望我们现在都看到同样的事情.

有趣的是,使用通用的“serif”字体在Opera和Firefox中显示完全相同.

这个问题可能只是一个关于Opera如何显示通用“sans-serif”字体的怪癖？

更新2：

这可能很重要：我使用的是Mac OS X Snow Leopard.我现在正在尝试其他字体,看看我是否可以进一步隔离这个问题.

更新3：

我使用Arial创建了另一个测试页面：

http://troy.onespot.com/static/stack_overflow/opera_font_size_reset_arial.html

现在Opera和Firefox几乎完全匹配！

在这个项目中,我可能会使用Arial代替Helvetica.据我所知,我有一个完整的OS X版本的Helvetica – 所以我不能在不同的用户看到我的页面上的字体之间有任何差异.我会坚持尝试过的&真正的Arial.

但是,这可能是什么意思 – OS X的默认sans-serif字体在Opera中是否会奇怪地呈现出来？

解决方法

（编辑：徐州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!