wordpress - Firefox 图标字体错误

Question

你好。这是我的网站。问题是图标字体在 Chrome、Safari 但 Firefox 上运行良好。能否请你帮忙。

奇怪的是它在具有相同结构的临时站点上运行良好。

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 做的很简单：实际的 home 加载样式表，href='http://theheartbandits.com/...'而 temp 则使用它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/找到所有这些文件