css – 可下载的字体on Firefox:不允许的URI或跨站点访问

前端之家收集整理的这篇文章主要介绍了css – 可下载的字体on Firefox:不允许的URI或跨站点访问前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是一个网站管理员http://www.beperk.com(我给你的url,所以你能够检查的问题),我有很多问题使用@ font-face在CSS。

我想使用来自zurb dot com的基金会,所以我在Amazon 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

我说随机,因为在完全重新加载页面(用控制/命令R)后,每个单个图标正常出现,在一些访问后再次失败。

任何人都能找到问题吗?我究竟做错了什么?

非常感谢你提前!

解决方法

在您的服务器上,您需要添加
Access-Control-Allow-Origin

到字体文件标题,所以例如如果你使用Apache,你可以添加到.htaccess:

<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>
原文链接:https://www.f2er.com/css/220124.html

猜你在找的CSS相关文章