自定义字体图标无法在chrome中正确呈现

Question

我已经使用icomoon生成了我的自定义字体图标ttf，并使用它创建了字体。

在chrome中使用它的时候，有时我得到的是无效的字体，而不是实际的字体。

​

​

​

​

当检查无效字符的字体系列时，它应用"Times New Roman“字体系列。

​

​

注意:只有当我们从CDN加载css和字体时，才会出现此问题。

有人能帮我解决这个问题吗？

Answer 1

此问题是由于浏览器无法读取UTF-8编码字符形式的字体图标造成的，因为样式表是在没有来自CDN的内容类型的情况下输入的。

我已经将响应内容类型设置为text/css;charset=UTF-8，它修复了这个问题。

Answer 2

如果问题发生是因为它来自CDN，那么它是CDN不可用的问题，或者字体没有传播到CDN的所有服务器。

作为备份，您应该在您的服务器上托管字体文件。