gpt4 book ai didi

css - 如何修复谷歌浏览器中奇怪的字体渲染(一些较高的字符)?

转载 作者:行者123 更新时间:2023-11-27 23:23:41 25 4
gpt4 key购买 nike

我想在我的网站上使用 Aller 字体,它在 Firefox 中似乎工作正常。然而,在 Chrome 中,“s”和“k”字符(并且只有这两个字符)的高度比其他字符高。

字体在 Firefox(在 Linux 和 MacOS 上)、Chrome(在 MacOS 上)中正确呈现,但在 Linux 上的 Chrome 中不正确。字体未在 Linux 机器上本地安装。

CSS 规则:

@font-face {
font-family: "Aller";
src: url("../fonts/aller/Aller_Lt.ttf");
font-weight: 400;
font-style: normal;
}

Chrome(在 Linux 上)字体预览(似乎不错): enter image description here

我网站上使用 Chrome 显示错误字体(更高的 's')的文本截图:

enter image description here

同一网站在同一台机器上使用 Firefox 的屏幕截图,字体渲染正确:

enter image description here

如何确保在 Chrome 中正确呈现字体?这是 Chrome、我的代码还是字体本身的问题?

最佳答案

这通常是字体未提示或未正确提示的问题。您可以在字体中配置 PS Private 设置(称为 BlueValues 或 OtherBlues - more information on these here ),这有助于将所有字符保持在同一行上,就像这样 - 如果它们不存在,渲染只会选择最接近的像素不考虑它是否高于其他。该问题在字体较大时不太明显,并且会像您所看到的那样因浏览器而异。

它看起来不像是暗示这种字体 - looking at the specimen page ,您可以看到 alphabetap 存在类似问题。如果您对此感兴趣(并且许可证允许),我建议尝试使用提示字体,或自己添加提示。

关于css - 如何修复谷歌浏览器中奇怪的字体渲染(一些较高的字符)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57886616/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com