7

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

看看这张图片： http://i.imgur.com/nHPNr.jpg

转到以下 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 位版本
  • 火狐浏览器版本：13.0

有任何想法吗？

4

2 回答 2

8

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

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

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

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

于 2012-06-01T12:10:54.007 回答
0

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

于 2012-06-01T12:22:33.680 回答