クロスドメインでWEBフォントを使用する場合の設定

Access-Control-Allow-Origin

IE, Firefoxの最新版だとクロスドメイン制約のため、S3からWEBフォントをダウンロードしようとするとエラーとなる。

>> 対処方法
bucket の [properties] - [Permissions] の [add cors configuration]に設定を追加

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>　#### ←ここに許可するドメインを追加 *はワイルドカードなので全許可
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Authorization</AllowedHeader>
    </CORSRule>
</CORSConfiguration>



NGINXの設定でヘッダー追加をする場合

location ~* \.(eot|ttf|woff)$ {
    add_header Access-Control-Allow-Origin *;
}

source:http://serverfault.com/questions/162429/how-do-i-add-access-control-allow-origin-in-nginx