适用于AWS S3的@ font-face和Firefox的跨域解决方法

Question

有没有人知道Firefox的跨域并发症和使用@fontface与Amazon S3的一些修复？

Answer 1

我刚刚在heroku本身上传了我的fontface文件。我知道这不是一个理想的方法，但现在似乎是我的最佳选择

Answer 2

以下是您需要做的事情：

1. 登录您的Amazon S3控制台 - https://console.aws.amazon.com/s3
2. 从您的帐户中选择一个存储桶。打开＆＃34;权限＆＃34;下拉。

3. 点击＆＃34;添加CORS配置＆＃34;。更改配置以匹配 你的要求。在这种情况下，允许简单的GET请求 访问我们的Font i设置以下内容：。

   <CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
       <CORSRule>
           <AllowedOrigin>http://mydomain.com</AllowedOrigin>
           <AllowedMethod>GET</AllowedMethod>
           <MaxAgeSeconds>3000</MaxAgeSeconds>
           <AllowedHeader>Authorization</AllowedHeader>
       </CORSRule>
   </CORSConfiguration>
   

如果您想允许来自任何来源的访问，您可以将allowedOrigin更改为*而不是http://mydomain.com。 有时你需要做另一步：

使资产过期并从Rake任务重新编译它们。这是新CORS配置采取措施所必需的。