Mozilla Firefox 和 Internet Explorer 之间的字体差异答案

【问题标题】：Font differences between Mozilla Firefox and Internet ExplorerMozilla Firefox 和 Internet Explorer 之间的字体差异
【发布时间】：2012-06-06 16:03:58
【问题描述】：

我敢打赌，这是一个很常见的问题，我认为无法解决，但至少我会尝试。

看看这张图片：

转到以下 URL 以获得更大的图像：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

有什么想法吗？

【问题讨论】：

你能显示用于在图像中创建文本的确切 HTML 吗？另外，你能对字体粗细进行硬编码，看看它是否有区别吗？
我已经尝试过字体粗细，包括数字和字母。文字的大小改变了，但IE和FF之间还是有区别的。我在主题中粘贴的 HTML 代码就是我目前正在使用的所有内容。（当然，这只是为了测试目的）

标签： html css browser fonts font-size

【解决方案1】：

有一种方法可以解决这个问题：将其设为图像。

文本的渲染方式取决于很多因素，例如安装的字体、操作系统、渲染校准、字体平滑和渲染参数。如果其中任何一个参数不同，结果就会不同。

如果您检查您的图像，您会发现浏览器使用不同的字体平滑参数，其他参数也可能不同。

在不同的浏览器中渲染文本时，您根本无法期望得到相同的结果。

【讨论】：

是的，这正是我一开始的想法。结案，谢谢！

【解决方案2】：

Lettering.js 是一个 jQuery 插件，可用于精确地对字母进行字距调整。结果可能会有所不同

【讨论】：

“精确。结果可能会有所不同”...有趣。