5

Web フォントを作成して AWS S3 にデプロイしようとしています。

woff ファイルを読み込もうとしたときにクロスオリジン要求が失敗したと表示される IE9 を除くすべてのブラウザーで正常に動作します。

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

S3のCORSセットアップがIE9に正しいデータまたは何かを送信していないことに関係していると思いますか?

(Firefox、Chrome、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>
4

4 に答える 4

5

I've just done it. Basically, you can follow the steps to edit your S3 bucket permissions. If you need any further help, leave a comment bellow.

1) Sign in to the AWS Management Console and open the Amazon S3 console at https://console.aws.amazon.com/s3/

2) In the Buckets list, open the bucket whose properties you want to view and click "add CORS configuration"

amazon-screen-shot

3) Write the rules you are willing to add in between the tags <CORSConfiguration>

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

You can learn more about rules at: http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html

于 2013-11-12T21:24:48.873 に答える
0

IE9 は .WOFF をサポートしています。IE8 ではサポートされておらず、.EOT フォントのみがサポートされています。

IE9 F12 開発者ツールを開くと、次のメッセージが表示されます。

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

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

CSS3114: @font-face が OpenType 埋め込み権限チェックに失敗しました。アクセス許可はインストール可能である必要があります。Neuton-webfont.ttf

CSS3114: @font-face が OpenType 埋め込み権限チェックに失敗しました。アクセス許可はインストール可能である必要があります。YanoneKaffeesatz-Regular-webfont.ttf HTTP ヘッダーを調べると、WOFF ファイルに Access-Control-Allow-Origin 応答ヘッダーがないため、クロスドメイン アクセスが適切に構成されていないことが明らかです。また、問題の原因ではありませんが、間違った MIME タイプ (text/plain) で配信されます。

コンピューターに IE8 を保持し、IE9 に対してテストする場合は、ここからスタンドアロンの Platform Preview 8 をダウンロードします。

IE9 がクロスオリジン Web フォントのダウンロードをブロックする

于 2013-05-22T15:36:16.683 に答える