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

Question

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

检查此图片

转到以下网址以获取更大的图片：http://i.imgur.com/nHPNr.jpg

HTML code：

<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

有什么想法吗？

Answer 1

有一种方法可以解决问题：将其制作成图像。

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

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

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

Answer 2

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