Question

我的字体 - 真棒字体在Chrome（版本51.0.2704.103）中有效，但在Safari（版本9.1）中无效。

在Chrome上访问我的应用程序时，我收到此错误，图标无法正常显示

Font from origin 'http://[::1]' has been blocked from loading by Cross-  
Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header  
is present on the requested resource. Origin 'http://localhost' is 
therefore not allowed access.

但是，在Safari上我没有收到此错误，字体加载正常。

我没有篡改字体真棒代码，我从npm安装的版本是4.6.3。

我在网上搜索过，人们提到了有关修改.htaccess文件的内容，更改font-awesome.css文件中的字体路径，关闭广告拦截并尝试绕过同一来源政策。但是，这些似乎对我不起作用。令我困惑的是为什么一切都在Safari中正常运行，但在Chrome中失败了？对此的任何见解都会有所帮助。

Answer 1

尝试两件事：

1.使用此CDN：

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>

2.下载font-awesome.css到您的本地，然后从那里链接它，如下所示：

<link href="/my-fonts/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>

Answer 2

让您的本地网络服务器在提供字体时发送以下标题

Access-Control-Allow-Origin: *

<强>参考

https://davidwalsh.name/cdn-fonts

字体很糟糕，无法在Chrome中正常显示

2 个答案: