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

前端之家收集整理的这篇文章主要介绍了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中是否会奇怪地呈现出来?

解决方法

我怀疑Opera使用与其他浏览器不同的Sans-serif后备字体.应该可以通过使用系统上明确安装的其他字体来确认或消除.
原文链接:https://www.f2er.com/html/227728.html

猜你在找的HTML相关文章