FontAwesome不会在Firefox中显示

ste*_*nvh 21 firefox font-awesome

相关问题在这里.

鲍里斯对上述问题的回答似乎有道理,但我在我的服务器上安装了Font Awesome文件,问题仍然存在:

在此输入图像描述

我查看了库,发现字体文件包含在安装中,因此关于跨服务器访问字体的参数似乎不起作用.我不介意使用BootstrapCDN,但Boris的建议似乎适用,我不知道如何发送正确的CORS标头.(我尝试过,但它也不起作用.)任何想法如何解决这个问题,使用"Bootstrap CDN"还是"默认CSS"?(另见这些说明.)


PS:IE10正确显示字形.

Mic*_*bak 41

你尝试过Bootstrap CDN吗?

只需包含<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">在您的<head>部分中.字体文件也将自动从CDN加载.

在Firefox上检查这一点,它完美无缺.

@Boris说:

如果字体所在的服务器发送正确的CORS标头,则Firefox仅允许字体的跨域链接.

所以很清楚CDN的责任是设置正确的标题,而不是你的标题.他们似乎正确地做到了这一点,因为Firefox并没有抱怨.

如果您在自己的服务器上托管字体,请记住,跨域规则可能仍然适用,例如,如果不发送正确的标头,则domain.com可能无法访问字体文件.www.domain.comwww.domain.com

阅读此答案以获取有关绕过跨子域限制的提示 - 这可能对您的情况有所帮助.