firefox上的可下载字体: URI错误或不允许跨站点访问
我是http://www.beperk.com的站长(我给你网址，这样你就可以检查问题了)，我在CSS中使用@font-face有很多问题。
我想使用来自ZURB.com的foundicons，所以我在亚马逊S3托管了它们。
我将存储桶设置为允许跨域访问，如下所示：http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors
在webkit，trident和gecko，一切都开始天衣无缝...大多数情况下:当使用firefox (测试版本17、18和19 )浏览网页时，所有图标都会随机失败，并显示以下错误：
Timestamp: 22/02/13 13:18:01
Error: downloadable font: download failed (font-family: "GeneralFoundicons" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed我之所以说是随机的，是因为在页面完全重新加载(使用control/command + R)之后，每个单独的图标通常都会在多次访问后再次出现故障。
有人能找到问题所在吗？
回答 4
Stack Overflow用户
发布于 2013-02-22 21:47:32
在您的服务器上，您需要添加：
Access-Control-Allow-Origin添加到字体文件头，例如，如果您使用的是Apache，则可以将以下内容添加到.htaccess：
<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>Stack Overflow用户
发布于 2016-11-14 17:48:19
如果有人正在使用本地资源，并且在firefox中遇到这个问题。您可以转到about:config并将security.fileuri.strict_origin_policy首选项更改为false。
请参阅：https://developer.mozilla.org/en-US/docs/Same-origin_policy_for_file:_URIs
Stack Overflow用户
发布于 2014-06-10 17:25:21
尝试使用实现的base64编码字体，如下所示：
@font-face {
font-family:"font-name";
src:url(data:font/opentype;base64,[paste-64-code-here]);
font-style:normal;
font-weight:400;
}请参阅：http://sosweetcreative.com/2613/font-face-and-base64-data-uri
它工作得很完美。
https://stackoverflow.com/questions/15024333
复制相似问题
腾讯云开发者
