Internet Explorer 不同的字体大小答案

【问题标题】：Internet Explorer different Font-SizeInternet Explorer 不同的字体大小
【发布时间】：2012-08-05 15:01:42
【问题描述】：

我正在开发一个可以在 IE7+ 中运行并支持英语和日语的网页，但字体大小有点问题。

在我的开发机器上，我使用的是 IE 9，另外还有 2 台使用 IE8 的测试机器。网页的 X-UA-Compatible 设置为 IE=7。

我必须允许在具有固定宽度和高度的 span 元素中，只有 12 个汉字字符。而且我想将跨度的溢出设置为隐藏，并通过反复试验设置字体大小，以便 12 个汉字字符适合 2 行的跨度。

我将语言更改为日本 [ja-JP] 形式的互联网选项，在我的开发机器上它看起来如何，我的一台测试机也是如此，但对于另一台测试机，字体大小是大一点。 TextSize 和 Encoding 在所有浏览器中都是相同的。

我试过用px、em和pt设置字体大小，但是字体视觉大小的差别还是有的。

有什么想法可能是造成这种情况的原因吗？

【问题讨论】：

【解决方案1】：

你不能这样做，因为你不知道最终用户电脑上会安装什么字体。当然，您可以做出一个很好的猜测（如果您专门针对 IE7，那么很可能无论如何都有可用的字体）。

但即便如此，它也可能取决于用户的 dpi 设置。此外，体面的浏览器允许您在不缩放屏幕的情况下调整字体大小。因此，您必须找到适合 95% 情况的尺寸，并留出一些余量。

如果您真的需要像素完美，则需要图像而不是文本（尽管我仍然建议不要这样做）。接受这样一个事实，即您无法 100% 说出页面在客户端上的外观。

【讨论】：

【解决方案2】：

如果它是基于浏览器的问题，则可以通过检测它是哪个浏览器/版本来修复它，然后根据它是哪个浏览器添加一个 CSS 脚本（使用 Javascript 来执行此操作），每个 CSS 脚本都包含一个字体大小等的不同值。

（顺便说一句，除此之外我帮不了你，你需要在其他地方做进一步的研究）

【讨论】：

【解决方案3】：

您应该使用图像而不是文本。你可以generate it on the fly使用服务器的字体。

【讨论】：