谷歌字体渲染问题？机器人

Question

有人遇到过 Roboto 的渲染问题吗？我在某些“s”和“t”同时渲染的移动设备上遇到了问题。

关于如何纠正问题的任何建议？

Answer 1

那是ligature。它是金属类型时代的延续，通常与 tt、ff、fi、fj 一起使用以及 fl、ffi 等。您可以在屏幕截图中看到另一个，在您的第一个事件的第三行带有文本“fill-up”（查看 fi）。将它与 st 一起使用只是装饰。

您可以在 CSS 中使用 font-variant-ligatures 对此进行一些控制。截至目前，support is pretty good。

如果您不知道问题中的“某些移动设备”包含哪些内容，则取决于您进行测试。一些选项：

• font-variant-ligatures: none; 应该禁用所有连字（可能是也可能不是你想要的）。
• font-variant-ligatures: no-discretionary-ligatures; 将禁用设计者认定为任意的连字，因此您需要试一试（看看字体设计师是否将 st 设置为任意）或查看字体本身以收集该信息。
• font-feature-settings: none; 应该禁用所有连字。
• 非标准的text-rendering: optimizeSpeed; 也可以解决问题。

Answer 2

把它放在你的 CSS 上

font-variant-ligatures: no-common-ligatures;