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

Question

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

在MacOS（左）和Windows（右）

上呈现“测试”

我多年来一直在寻找好的解决方案。我想过使用CSS hacks来定位macOS但是Chrome不可能。我发现的唯一（完全令人厌恶的）解决方案是通过选择所有Helvetica Neue Condensed文本来使用JavaScript，将它们放在具有以下CSS属性的span中：display: inline-block; transform: translateY(16%);。除了令人作呕之外，此解决方案在页面加载后应用。因此，用户可以看到字体下降...治愈比疾病更糟。

如果您有任何想法，我会很高兴看到它：）

谢谢！

Answer 1

前段时间我对某些版本的Helvetica Neue Condensed也有同样的问题。使用Linotype版本形式应该修复基线问题：

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

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