css – Fontello Glyph字体在Firefox上的奇怪行为,显示unicode代码而不是图标

前端之家收集整理的这篇文章主要介绍了css – Fontello Glyph字体在Firefox上的奇怪行为,显示unicode代码而不是图标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个网页.
在它的右上角我有一些社交图标.它在Chrome(本地和网络服务器)中显示正常,它在本地FF中显示正常,但在在线页面上,我看到里面有Unicode代码的方形占位符.

奇怪的是,如果我打开Firebug并通过Source Edit动态修正fontello.css,图标会显得神奇,或者看起来如此,这甚至可以通过添加然后删除空格等微不足道的修正来实现.

这真让我感到困惑.有什么建议?

解决方法

我设法解决了这个奇怪的问题.原来这是一个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>

而且字体现在还可以.

猜你在找的CSS相关文章