Firefox 和 Chrome 中 Verdana 的字距调整错误为 15 像素

Posted 2023-03-05

【中文标题】Firefox 和 Chrome 中 Verdana 的字距调整错误为 15 像素

【英文标题】：Kerning bug with Verdana in Firefox and Chrome at 15 pixels

【发布时间】：2011-12-29 20:48:03

【问题描述】：

我注意到在 Firefox 和 Windows 上的 Chrome 中 Verdana 的字距调整为 15 像素问题。请参见下图并注意“o”和“r”之间的额外空格。此图片是来自 Chrome 的屏幕截图，仅对段落应用了 font-famliy 和 font-size 样式。

这是否意味着 Open Type 版本字体的字距调整表中存在错误？我什至会在哪里报告这样的错误？

【问题讨论】：

首先要做的是用相同字体的相同单词进行测试，由其他程序显示，以帮助确定错误是在字体中还是在 Firefox 中。完成此操作后，如果您有更多问题，您可能想问SuperUser 之类的地方，那里更有可能成为话题。

我在 Internet Explorer 中进行了测试，它显示良好（因此我猜测它是 Open Type 版本而不是 True Type 被破坏）。我会按照你的建议询问超级用户。

【参考方案1】：

原来是 Windows 的系统问题。 在 Windows 7 上，记事本，将字体设置为 Verdana，大小 11。

这会导致度量/字距调整：

【参考方案2】：

您可以尝试将 -webkit-font-smoothing: antialiased 放入您的 css 中，这里有解释 http://maxvoltar.com/archive/-webkit-font-smoothing

【讨论】：

我忘记了，也尝试使用 em 而不是像素，如果你需要这里有一个转换器pxtoem.com

抱歉，抗锯齿和 px vs em 都与此问题无关。

你好，alexp。您是否尝试过文本渲染：optimizeLegibility； aestheticallyloyal.com/public/optimize-legibility ?