使用 Helvetica 时如何修复 Linux/osx Firefox 中未对齐的字符

How to fix mis-aligned characters in Linux/osx Firefox when using Helvetica

我发现在使用 Helvetica 字体时 'a' 字符在垂直方向上未对齐的情况。

这只是 Linux/Unix 上的 Firefox 中的一个问题(可能也是 OSX)。我可以测试的所有其他 browsers/os 都能正确显示文本。

在下图中,您可以看到 'a' 字符低于 Firefox 的其他字符。

我有一个 fiddle 证明了这个问题:https://jsfiddle.net/ob382a1p/

HTML:

<h1>Mailing ia la</h1>

CSS:

h1 {
    font-family: 'Helvetica';
    font-size: 40px;
    font-weight: normal;
}

是什么导致了这个问题,我该如何解决?

如果您想拥有 Linux 个用户,请不要在 CSS 中使用 Helvetica。

在 Windows 和 OSX Helvetica 上映射到现代字体文件(在专有许可下,因此它们被禁止在 Linux 系统中使用,除非您单独购买并自行安装。否一个麻烦。)

On Linux Helvetica 映射到非常古老的字体文件,因为 Helvetica 是原始的内置 Postscript 字体之一,所以它的存在需要打印一些文档(打印即呈现在一个 300dpi+ 的介质,在 96dpi 的屏幕上渲染完全是另外一回事,这些字体从来没有设计过)。

此外,Postscript 字体的预期编码覆盖范围非常小,如果您强制 Linux 系统使用 Helvetica 渲染现代非 ASCII 文本,它将不得不从一些过度字体中获取缺失的字形,并且这些字形不会与其余文本的比例和位置完全匹配。

Linux系统有很多不错的现代字体,覆盖范围很大,Helvetica不在其中。