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

Question

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

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

Answer 1

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

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

在不知道您问题中的“某些移动设备”包含什么的情况下，这将取决于您的测试。一些选项:

• > font-variant-ligatures: none;应该禁用所有连字(这可能是也可能不是你想要的)。
• > font-variant-ligatures: no-discretionary-ligatures;将禁用设计者确定为可自由选择的连字，因此您需要试一试(并查看字体设计者是否将 st 设置为可自由选择)或查看字体本身以收集该信息。
• > font-feature-settings: none;应该禁用所有连字。
• 非标text-rendering: optimizeSpeed;也可以解决问题。