2012-06-01 34 views
7

我敢打赌,这是一个很常见的问题,我认为这个问题无法解决,但至少我会尝试。Mozilla Firefox和Internet Explorer之间的字体差异

检查这一形象了: http://i.imgur.com/nHPNr.jpg

转到以下网址查看大图:http://i.imgur.com/nHPNr.jpg

HTML代码:

<div style="font-family: Arial, sans-serif; font-size: 60px; letter-spacing: 0px; padding: 0; margin: 0;">TEXT GOES HERE</div> 

正如你所看到的,字体看起来不一样。有什么办法可以解决这个问题吗?

  • Internet Explorer版本:9.0.8112.1641 64位版
  • Mozilla Firefox浏览器版本:13.0

任何想法?

+0

您能否显示用于在图像中创建文本的确切HTML?另外,你可以硬编码的字体重量,看看它是否有所作为? – JohnFx

+0

我已经试过字体重量,数字和alfabetic。文本的大小发生了变化,但IE和FF仍然存在差异。我在主题中粘贴的HTML代码是我目前使用的所有内容。 (当然,这仅仅是为了测试的目的) – Robinjoeh

回答

8

有一种解决问题的方法:将其作为图像。

如何呈现文本取决于很多因素,如安装的字体,操作系统,渲染校准,字体平滑和渲染参数。如果任何这些参数不同,结果会有所不同。

如果您检查图像,您将看到浏览器使用不同的参数进行字体平滑,而其他参数也可能不同。

在不同的浏览器中呈现文本时,您无法期望获得相同的结果。

+0

是从一开始我就想到的。关闭了,谢谢! – Robinjoeh

0

Lettering.js是一个jQuery插件,可用于精确确定字母。结果可能有所不同

+4

“的精度,结果可能会有所不同”......好笑。 – kingjeffrey

相关问题