自定义字体图标无法在Chrome

时间:2018-02-15 04:57:06

标签: css fonts font-awesome font-face glyphicons

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

虽然在Chrome中使用它有时我会得到无效的字体而不是实际的字体。

font icon with issue

font icon without issue

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

enter image description here

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

有人可以帮我解决这个问题吗?

2 个答案:

答案 0 :(得分:0)

如果问题是因为它来自CDN,那么CDN的问题就不存在了,或者字体没有传播到CDN的所有服务器。

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

答案 1 :(得分:0)

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

我已将响应内容类型设置为text/css;charset=UTF-8,并修复了问题。