FontAwesome在Firefox中不显示
相关问题here。
Boris对上述问题的回答似乎是有道理的，但我在服务器上安装了Font Awesome文件，问题仍然存在：
我查看了这个库，发现字体文件包含在安装中，所以关于跨服务器访问字体的争论似乎是无效的。我不介意使用BootstrapCDN，但是Boris的建议似乎适用，我不知道如何发送正确的CORS头。(我试过了，但也不起作用。)你知道我怎么解决这个问题吗，使用"Bootstrap CDN“或者"default CSS"？(另请参阅these instructions。)
PS: IE10正确显示字形。
回答 4
Stack Overflow用户
发布于 2019-12-16 01:14:13
在自定义CSS中添加以下内容(对我来说，它解决了问题)：
@font-face
{
font-family:'FontAwesome';
src:url('./fontawesome-webfont.eot');
src:url('./fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('./fontawesome-webfont.woff') format('woff'),
url('./fontawesome-webfont.ttf') format('truetype'),
url('./fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight:normal;
font-style:normal
}
[class^="icon-"]:before,
[class*=" icon-"]:before
{
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
display:inline-block;
text-decoration:inherit
}Stack Overflow用户
发布于 2014-02-08 19:09:22
如果你是你自己的服务器的所有者，你可以添加一个http头来解决这个问题。基于跨域策略的问题。
foo.com/font-awesome.woff
boo.com/index.htm
在这种情况下，您应该将标头添加到foo.com
Access-Control-Allow-Origin = "http://boo.com"或
Access-Control-Allow-Origin = "*"这将使您的字体文件可以从其他站点或特定站点访问。
Stack Overflow用户
发布于 2015-07-21 17:01:48
要使字体样式表在本地工作，解决方案是将Fonts文件夹下的文件包含到与.html文件(页面)相同的目录中。
例如:到目前为止，fontawesome无法工作的文件结构
prototype\pages\.html files
prototype\styles\font-awesome\css\font-awesome.min.css
prototype\styles\font-awesome\css\fonts\fontawesome-webfont.eot,fontawesome-webfont.woff这里的问题是，对于从file:// URI加载的页面，只有文件系统的同一目录中(或以下)的文件才被视为“同源”，因此将字体放在不同的子树(../ restrictions.As /)中意味着它将被安全策略阻止“默认情况下Firefox禁用跨域字体”。相反，请更改文件结构，如下所示：
prototype\pages\.html files
prototype\styles\font-awesome\css\font-awesome.min.css
prototype\pages\fonts\fontawesome-webfont.eot,fontawesome-webfont.woff将fonts文件夹放在pages目录下，它可以修复它所帮助的issue.Hope。
https://stackoverflow.com/questions/20032426
复制相似问题