在webfont中使用逗号后,Chrome无法显示空格

时间:2017-04-14 17:22:43

标签: css google-chrome font-face webfonts comma

我正在为我所属的组织建立一个新网站。我们在我们的网站上使用自定义webfont(Waukegan LDO,请参阅链接评论)。字体在Firefox中正确呈现,但Chrome有一个问题,即逗号后面的任何空格都没有显示( 除外)。

Chrome示例:

Chrome example

Firefox示例:

Firefox example

我尝试过提及here的修复无效。这是字体的问题还是Chrome的问题?

更新经过进一步调查后,我发现Chrome正在使用.woff版本的字体在我的网站上呈现它。我将WaukeganLDO.woff上传到http://webfont-test.com,它似乎在该网站上正确呈现。我认为这可能是我网站上的CSS问题。但是,乍一看似乎所有出现在DevTools中的两个站点的“计算”属性都是相同的。

已解决: text-rendering:optimizeLegibility是为网站启用的css属性之一。取消设置会产生预期的行为。

0 个答案:

没有答案