Firefox图标字体错误

Question

您好。这是my site。问题是图标字体在Chrome，Safari和Firefox上正常运行。能帮忙吗？

奇怪的是它在temporary site上的工作正常，结构相同。

Answer 1

Web控制台实际上说明了这一点：

downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: http://theheartbandits.com/wp-content/themes/sonata/css/font/fontawesome-webfont.woff?v=3.2.1

Firefox拒绝加载字体，因为它违反了同源政策。 Webkits似乎更宽容。

你的实际家庭不起作用的原因，但你的温度。 home确实很简单：实际的主页通过href='http://theheartbandits.com/...'加载样式表，而临时主页使用href='http://www.theheartbandits.com/...'，而www.会产生差异（好的，不同的域名）。

Answer 2

转到您的字体文件夹或目录，确保您拥有所有文件。

示例：您可能只有fontawesome-webfontba72.svg

您需要添加其他文件，需要看起来像这样

fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf 
fontawesome-webfont.woff
fontawesome-webfontba72.svg
FontAwesome.otf
glyphicons-halflings-regular.svg

您可以在http://fontawesome.io/

找到所有这些文件