css - 大比例字体 ~ PC 与 Mac 之间的行高差异？

Question

我在我的网站上使用了 Impact ( http://2famous.TV/fonts/263BAA_0_0.ttf )，但 PC 上的行间距比 Mac 上的要大。下面您将看到字体如何在 PC 浏览器上下推的示例。有什么解决办法吗？

MAC: 个人电脑: 编辑:

起初我不想使用人们在他们的计算机上拥有的标准 Impact 字体，因为它在大多数计算机上呈现的方式完全不同。不过，我想出了一个小窍门可以为我解决这个问题。

将 wrapper 高度和行高设置为字体大小的 80%，这样您就可以获得同时适用于 PC 和 MAC 的内容。它看起来像这样:

<span style="font-family: impact; font-size:300px; height: 240px; line-height:240px">IRONY</span>

Answer 1

我遇到了同样的问题(但字体不同)并且能够修复它。

创建您的字体的人很可能没有正确设置 Ascent 值。

如果您有 TTF，请将其上传到 FontSquirrel ，选择“专家”选项，然后保留所有默认选项。我认为修复它的方法是“Fix Vertical Metrics”。但是我在更改默认值时遇到了问题，所以我建议保持原样。

现在字体行高在 MAC 和 PC 上呈现相同(对我有用)。