谷歌字体渲染问题？的Roboto

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;也可以做到这一点。

Answer 2

将它放在你的CSS上

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