自定义字体图标在 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 并解决了问题。