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

Question

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

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

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

注意：仅当我们从 CDN 加载 css 和字体时才会出现此问题。

谁能帮我解决这个问题？

Answer 1

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

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

Answer 2

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

我已将响应内容类型设置为text/css;charset=UTF-8，它解决了问题。