css - Firefox CSS 间距问题跨操作系统

Question

我在使用 Firefox 时遇到问题。它在 Windows 中的显示方式与在 OSX 中的显示方式不同。它看起来是字体间距问题或字体大小问题，但我无法弄清楚。两者使用完全相同的属性。

顶部窗口:Mac OSX，底部:WinXP

这是基本的 HTML/计算样式:

有什么想法吗？

Answer 1

由于所选字体，您很可能会看到一个增量。只有少数字体在 Windows 和 Mac 上通用，其中一些 (Lucida Sans/Lucida Sans Unicode) 在这些平台上包含不同的字距调整。

查看相关元素的 CSS 字体信息会很有帮助。

解决方案(假设是上述字距问题):

1. 选择一种在两个平台上都能更好地调整字距的字体。 Arial 在这种情况下可能效果很好。

2. 选择较窄的字体并确保它适用于两个平台。

3. 确保设计能够容纳额外的宽度。我认为如果您的购物车中有 10 件商品或价格超过 100 美元，您会发现 Windows 出现问题。

您可以为此使用 cufon，但由于许可和可打印性问题，我不是它的 super 粉丝。您可以从像 MyFonts 这样的公司那里以非常便宜的价格获得字体许可。