字体自定义不在Chrome中呈现字体

只有当开发人员工具关闭时,我才在Chrome中遇到问题。

基本上,你可以从上面看到,图标有时是自定义字体,根本不会输出。

对于那些看不到图像的人,通过css输出的图标 :before 例如,内容输出为 ï…ˆ 而不是图标。

以下是css输出的示例:

.blog_module #page_content .social_buttons ul li.facebook a:before, .blog_module #pre_content .social_buttons ul li.facebook a:before {
  content: "ï„";
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

我知道内容是 ï„ 就我个人而言,我不确定fontcustom为什么以这种方式输出它,但9/10它有效。

我以为可能是字符编码?但为什么它只是偶尔发生?

有人知道这是什么以及如何修复它吗?

我还以为它可能没有及时下载,但一旦下载了字体,它不会改变吗?这就是通常发生的事情。。。

任何想法、建议或答案,我都将不胜感激!