FontAwesome Firefox某些字体的问题 [英] FontAwesome Firefox issues with certain fonts

问题描述

查看屏幕截图： http://awesomescreenshot.com/0242jcea3a

某些FontAwesome图标根本不显示在Firefox中，但其他图标。

• Vimeo


• Instagram


• 视频播放按钮

最新的CDN版本（//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css）。运行Firefox 28. HTML页面也是字符集UTF-8。

不知道是什么原因造成的，但它是一个非常恼人的错误，特别是当它在Chrome和Safari等。

我尝试在本地加载字体而不是CDN，不幸的是这没有解决这个问题。我也尝试了下面的htaccess代码：

 < FilesMatch（ttf | otf | woff）$> 
标题集Access-Control-Allow-Origin*
< / FilesMatch> 
  

Firefox中没有显示安全性/控制台错误吗？

任何帮助将非常感谢：）

解决方案

看起来像 htaccess 代码不完整。尝试使用这个：

 < FilesMatch（ttf | otf | eot | woff）$> 
< IfModule mod_headers.c> 
标题集Access-Control-Allow-Origin*
< / IfModule> 
< / FilesMatch> 
  

另外，在再次测试之前，请务必清除您的网站，CDN和浏览器缓存。

这是一个已知的错误，并已在此票证中讨论过

See screenshot: http://awesomescreenshot.com/0242jcea3a

Certain FontAwesome icons don't display in Firefox at all, but others do. To name a few of the ones that don't load:

• YouTube
• Vimeo
• Instagram
• Video Play Button

We are using the latest CDN version (//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css). Running Firefox 28. The HTML page is charset UTF-8 also.

No idea what's causing this, but it's a really annoying bug, especially when it works fine in Chrome and Safari etc.

I've tried loading the font locally instead of over CDN, and unfortunately this didn't fix the issue. I've also tried the below htaccess code:

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

There are no security/console errors showing in Firefox either?

Any help would be greatly appreciated :)

解决方案

Looks like your htaccess code is incomplete. Try with this instead:

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

Also make sure to clear your Website, CDN and browser cache before testing it again.

This is a known bug and has been discussed in this ticket

这篇关于FontAwesome Firefox某些字体的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！