我正在为我所属的组织建立一个新网站。我们在我们的网站上使用自定义webfont(Waukegan LDO,请参阅链接评论)。字体在Firefox中正确呈现,但Chrome有一个问题,即逗号后面的任何空格都没有显示(
除外)。
Chrome示例:
Firefox示例:
我尝试过提及here的修复无效。这是字体的问题还是Chrome的问题?
更新经过进一步调查后,我发现Chrome正在使用.woff版本的字体在我的网站上呈现它。我将WaukeganLDO.woff上传到http://webfont-test.com,它似乎在该网站上正确呈现。我认为这可能是我网站上的CSS问题。但是,乍一看似乎所有出现在DevTools中的两个站点的“计算”属性都是相同的。
已解决: text-rendering:optimizeLegibility是为网站启用的css属性之一。取消设置会产生预期的行为。