CSS - Helvetica Neue Condensed 在 macOS 上无法正确呈现

Question

我注意到字体 Helvetica Neue Condensed 在 macOS 上没有正确呈现。实际上，如下图所示，macOS 不会根据 line-height 使字体居中。根据我的测试，它完全不依赖于浏览器，而是依赖于系统。

在 macOS(左)和 Windows(右)上呈现的“测试”

我一直在寻找好几天没有成功的解决方案。我考虑过使用 CSS hack 来针对 macOS，但在 Chrome 中这是不可能的。我发现的唯一(非常恶心)解决方案是通过选择所有 Helvetica Neue Condensed 文本来使用 JavaScript，将它们放在具有以下 CSS 属性的 span 中:显示:内联 block ；转换:translateY(16%);。除了恶心之外，此解决方案是在页面加载后应用的。因此，用户可以看到字体变小了……治愈比疾病本身更糟糕。

如果您有任何想法，我很乐意阅读它:)

谢谢!

Answer 1

前段时间，我在某些版本的 Helvetica Neue Condensed 上遇到了同样的问题。使用版本形式 Linotype 应该可以解决基线问题:

https://www.linotype.com/fr/1245395/neue-helvetica-famille.html

因此，字体应该在每个系统上以几乎相同的方式呈现。