AWS S3のクロス・オリジン要求が失敗しました。ie9

Question

私はWebフォントを作成し、それをAWS S3に配備しようとしています。

IE9以外のすべてのブラウザで、woffファイルをロードしようとしたときにクロスオリジン要求が失敗したと表示されます。

問題を抱えている人々に関する多くのフォーラムで多くのことを読んだことがありますが、解決策を見つけることができませんでした。

私はそれが正しいデータやIE9に何かを送信しないS3のCORSセットアップと関係があると思いますか？

（Firefoxの、クロム、IE7,8などで作品）

私は問題を解決するために見てきた唯一の提案があり、（完全にやり過ぎをEC2インスタンスをスピンアップとフォントのためのWebホストを作ります！）、もう1つはcssファイルの名前を.phpとして設定し、PHPのヘッダーを設定していました（しかしこれは不吉です）。

誰もがこの問題を解決する方法を（可能な場合）知っていますか？

おかげ

編集

マイCORS設定：

<?xml version="1.0" encoding="UTF-8"?> 
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> 
    <CORSRule> 
     <AllowedOrigin>*</AllowedOrigin> 
     <AllowedMethod>GET</AllowedMethod> 
     <AllowedHeader>*</AllowedHeader> 
    </CORSRule> 
</CORSConfiguration> 

Answer 1

IE9は.WOFFをサポートしています。 IE8はサポートしておらず、.EOTフォントしかサポートしていません。

オープンIE9 F12開発者ツールとは、次のメッセージを参照してください。

CSS3117を：フォントフェイス@クロスオリジン・リクエストを失敗しました。リソースへのアクセスは制限されています。 Neuton-webfont.woff

CSS3117：@ font-faceがクロスオリジン要求に失敗しました。リソースへのアクセスは制限されています。 YanoneKaffeesatz-Regular-webfont.woff

CSS3114：@ font-faceに失敗しましたOpenType埋め込み許可チェック。許可はインストール可能でなければなりません。 Neuton-webfont.ttf

CSS3114：@ font-face failed OpenType埋め込み権限チェックに失敗しました。許可はインストール可能でなければなりません。 YanoneKaffeesatz-Regular-webfont.ttf HTTPヘッダーを調べると、WOFFファイルにAccess-Control-Allow-Origin応答ヘッダーがないため、クロスドメインアクセスが正しく構成されていないことが明らかです。また、あなたの問題を引き起こしていないMIMEタイプ（text/plain）も間違っています。あなたはIE9に対して、コンピュータとテストにIE8を維持したい場合は

、S3バケットのCORS設定を設定することにより、あなたは簡単にこの問題を解決することができhere

IE9 blocks download of cross-origin web font

Answer 2

から、スタンドアロンのプラットフォームプレビュー8をダウンロードあなたはあなたのフォントをフォントに保存しています。ここで説明したように

1. はあなたのバケットにCORSを有効にする：http://docs.aws.amazon.com/AmazonS3/latest/UG/EditingBucketPermissions.html

2. は、適切なコンフィギュレーションを設定し、ここで指定されている：http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html

Answer 3

私はそれをやりました。基本的に、S3バケットの権限を編集する手順に従うことができます。それ以上の助けが必要な場合は、コメントを残しておきます。

1）AWS Management Consoleのにサインインし、バケットリストでhttps://console.aws.amazon.com/s3/

2）でのAmazon S3コンソールを開き、プロパティを表示し、「CORSの設定を追加」をクリックします

バケツを開きます

3）あなたがタグの間に追加して喜んでいるルールを書く<CORSConfiguration>

<CORSConfiguration> 
    <CORSRule> 
    <AllowedOrigin>*</AllowedOrigin> 
    <AllowedMethod>GET</AllowedMethod> 
    </CORSRule> 
</CORSConfiguration> 

あなたはでのルールについての詳細を学ぶことができます。http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html

Answer 4

CORS設定が私のために働く作られたものはCORSの設定ページの[削除]ボタンをクリックし、次に

は、既存の設定を編集する新しいCORS設定を追加私がDELETEを打つまでは、まったく効果がないようです。