在Firefox和Internet中呈现FontAwesome和Glyph图标时出现的问题

Question

我是www.xlent.se的开发者，如果你试图在IE或FF中加载页面，你会注意到所有的图标都被“十六进制块”所取代。

只有在将项目从开发服务器迁移到生产服务器之后才会出现问题。我不确定是由于缓存、MIME类型还是其他原因造成的。

Answer 1

根据您的评论，您的服务器似乎没有发送正确的标头。您可以通过在.htaccess文件中添加以下内容来解决这个问题：

<FilesMatch ".(ttf|otf|eot|woff)">  
Header set Access-Control-Allow-Origin "*"
</FilesMatch>

如果从CDN而不是从服务器加载文件(bootstrap和font-awesome)，请使用以下命令：

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">

还要确保不多次加载font-awesome。您缩小的CSS已经包含了font-awesome和bootstrap。