请参阅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中是否会奇怪地呈现出来?