Firefox浏览器中,Fontello字体图标出现异常,显示Unicode代码而非图标。

6
我有一个网页,在页面右上角有一些社交图标。在Chrome中(本地和服务器都正常显示),在本地的Firefox中也可以正常显示,但是在线上页面中,我只看到方形的占位符,里面带有Unicode代码。
奇怪的是,如果我打开Firebug并通过源代码编辑即时更正fontello.css文件,那么这些图标就会神奇般地出现了。即使进行微小的更改,比如添加然后删除一个空格,它们也会显示出来。
这让我非常困惑。有什么建议吗?

我用 FF 看到了这些图像... - Andrea Ligios
@AndreaLigios:是的,问题已经解决了。这是Apache服务器的一个头文件问题。我会关闭答案。 - Cranio
1个回答

9
我已经成功解决了这个奇怪的问题。原来是Apache的问题,我从http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems获取了解决方案。
我在我的.htaccess文件中添加了以下行:
如果您正在使用Apache,则可以将此内容添加到您的.htaccess文件中以允许您的站点访问字体:
<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

现在字体已经正常了。


1
谢谢!这对我有帮助。我也添加了“eot”扩展名,因为它被Fontello使用。 - Nic Cottrell
我在Windows 7中哪里可以找到我的.htaccess文件(我猜它是一个文件?)? - Solace
@Zarah .htaccess文件与操作系统无关,它用于在您的Web文件夹中配置Apache服务器。 - Cranio

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接