Css Webfont渲染奇怪（看起来像赎金笔记）

我在webfonts中遇到了一些非常特殊的浏览器/操作系统问题，其中字体是半渲染的。最好的解释方式是展示它（I和s是关闭的）：

Windows 10上的Chrome和Win10上的FireFox 51.0.1都报道了这个问题

我以为这是一个解决办法，但没有奏效

我通过网络字体提供服务 现场是

---

我从来没有见过这样的问题……所有“webfont渲染问题”帖子都提到了锯齿、模糊或奇怪的裁剪，但这是另一个怪兽。有什么想法吗？

这看起来像是一种不支持这些特定字符的错误字体。一个坏掉的字体文件根本不起作用，这个结果看起来它可以做大约一半的工作。文本中始终缺少字母（I、d、p、r、s），因此很可能是坏字体。您使用的字体文件格式是什么？并非所有浏览器都知道如何呈现所有字体文件。查看哪些浏览器支持哪些格式。一般来说，如果您提供

.woff

和

.otf

，您就可以了。但是您还应该包括

.woff2

，因为它是支持它的浏览器在渲染性能方面的一个主要提升。即使由第三方提供，您仍然可以使用浏览器查看加载了哪些文件。现在，我想起来了，大约一年前我确实遇到过类似的问题。这与目标机器上已经安装的字体和错误的字体有关，并且它们没有加载（因为系统认为它们不需要）。我找到了一种强制从web加载字体文件的方法，我想我是通过重命名字体来实现的，但我不是100%确定。最好的检查方法是重命名字体，看看问题是否仍然存在。我重新创建了字体文件，这似乎已经修复了它，基于有限的windows仿真扩展。我没有Windows，因此无法正确测试它。