Chrome无法渲染没有实心填充的字体

Question

我正在尝试使用位于dafont.com的名为HelloEtchASketch的字体。

我下载了字体并将其放在我的项目文件夹中。该字体在Firefox和Safari中按预期呈现，但在Chrome中不呈现。

Safari中：

Chrome：

在Safari中可以看到角色身体中漂亮的草图效果，但在Chrome中却看不到。 Chrome似乎填补了角色的身体。

有人可以为此建议一个原因和可能的解决方案吗？我已经搜索了几个小时的答案，但我找不到任何有用的东西。

注意：我在OS X上使用Chrome。

我感谢你的时间！谢谢。

Answer 1

与朋友一起探索，我们发现在Chrome中，当您在标题标记之间放置文本时，字体的笔划会变得非常大。

在css的h1元素中设置此属性有助于：

font-weight：100;

它只发生在Chrome中。

我希望这可以帮助将来可能会遇到此问题的其他人！