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

概述我正在开发一个需要或多或少像素完美的 HTML页面,我注意到在Opera 10中,字体渲染比在其他浏览器中更大,即使字体大小实际上是相同的. 请参阅Opera 10中的此示例页面以及Firefox 3.6等其他浏览器： http://troy.onespot.com/static/stack_overflow/opera_font_size.html 或者,这是一个说明问题的屏幕截图： http: 我正在开发一个需要或多或少像素完美的 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中是否会奇怪地呈现出来？

解决方法 我怀疑Opera使用与其他浏览器不同的sans-serif后备字体.应该可以通过使用系统上明确安装的其他字体来确认或消除. 总结

以上是内存溢出为你收集整理的html – 为什么在Opera中使用更大的字体大小呈现文本？全部内容，希望文章能够帮你解决html – 为什么在Opera中使用更大的字体大小呈现文本？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。