html - 图标字体不再在 WordPress 网站上显示字符

Question

在我的 WordPress 网站上，使用字体呈现的图标不再显示图标。相反，它们显示为一个小方 block 。

我在我网站的 2 个位置看到了这个。显示社交图标的侧边栏。以及当浏览器窗口缩小到移动布局时的 3 行菜单图标。

在 Mac OS X 上，我在 Firefox 31 和 Chrome 37 上看到错误。但它在 Safari 7 上正常工作。

这是网址:www.ashton.me

为什么会这样？ 我应该怎么做才能修复它？

Answer 1

如果您查看 Chrome 检查器中的“网络”选项卡(或其他浏览器中的类似选项卡)，您会发现您的图标字体未正确加载。缺少的字形显示为正方形，所以这就是您所看到的。不同的浏览器使用不同的字体文件(或者缓存中可能有正确的文件)，所以这可能就是它在 Safari 中工作的原因。