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

Question

有谁知道一些针对 Firefox 的跨域复杂性以及在 Amazon S3 中使用 @fontface 的修复方法？

Answer 1

好吧，我刚刚将我的字体文件上传到 heroku 本身。我知道这不是一个理想的方法，但现在对我来说似乎是最好的选择

Answer 2

这是您需要做的：

1. 登录您的 Amazon S3 控制台 - https://console.aws.amazon.com/s3
2. 从您的账户中选择一个存储桶。打开“权限”下拉菜单。

3. 单击“添加 CORS 配置”。更改配置以符合您的要求。在这种情况下，为了允许一个简单的 GET 请求访问我们的字体，我设置了以下内容：

   <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 配置采取行动，这是必需的。