在Firefox和Internet Explorer中渲染FontAwesome和Glyphicons的问题

时间:2014-02-13 13:00:08

标签: html css fonts font-awesome glyphicons

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

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

1 个答案:

答案 0 :(得分:3)

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

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

如果您从CDN而不是从服务器加载文件(bootstrapfont-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-awesomebootstrap