我遇到了奇怪的问题。我附上了字母间距问题的屏幕截图。最初我注意到字母 Fi 没有正确渲染。所以我尝试添加字母间距,但这两个字母不想彼此分开。我从未注意到这种行为。
在屏幕截图中,我使用的是 Lato 字体,但我注意到 Open Sans 的行为相同。我尝试正确渲染的其他随机字体。该问题仅发生在 Chrome 和 Firefox 中,而 IE 正确呈现字体。
任何猜测可能导致它以及如何修复它?任何建议都会很棒。谢谢。
我遇到了奇怪的问题。我附上了字母间距问题的屏幕截图。最初我注意到字母 Fi 没有正确渲染。所以我尝试添加字母间距,但这两个字母不想彼此分开。我从未注意到这种行为。
在屏幕截图中,我使用的是 Lato 字体,但我注意到 Open Sans 的行为相同。我尝试正确渲染的其他随机字体。该问题仅发生在 Chrome 和 Firefox 中,而 IE 正确呈现字体。
任何猜测可能导致它以及如何修复它?任何建议都会很棒。谢谢。
解决了。这是连字问题。使用以下 css 作为解决方案找到了这篇文章。
-webkit-font-feature-settings: "liga" 0, "clig" 0;
-moz-font-feature-settings: "liga" 0, "clig" 0;
font-feature-settings: "liga" 0, "clig" 0;