Google 字体渲染问题？机器人

Question

有人 运行 遇到过 Roboto 的任何渲染问题吗？我在 "s" 和 "t" 一起渲染的某些移动设备上遇到问题。

关于如何解决这个问题有什么建议吗？

Answer 1

那是一个ligature。它是金属活字时代的遗留物，通常与 tt、ff、fi 一起使用, fj 和 fl, ffi, 等等。您可以在第一个事件的第三行的屏幕截图中看到另一个带有文本 "fill-up" 的事件（查看 fi）。与st一起使用只是装饰。

您可以在 CSS 和 font-variant-ligatures. As of now, support is pretty good 中对此进行一些控制。

不知道你的问题 "some mobile devices" 包含什么，这将取决于你测试。部分选项：

• 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;