Cloudfront IIS7 CORS Fix

August 20, 2014


You keep getting Control Allow Origin errors on fonts that are pulling from your CloudFront CDN


You need to make changes at CloudFront and your IIS 7 Server

CloudFront Changes

Modify the origin behaviors:

  1. Navigate to the CloudFront Distributions Panel
  2. Select your Distribution
  3. Click Behaviors Tab
  4. Select Behavior from list items
  5. Click Edit
  6. Under “Whitelist Headers” section add the following headers:
    • Access-Control-Allow-Origin
    • Origin
  7. Click “Yes, Edit”
  8. Wait for changes to propagate
  9. Clear cache of any font assets

IIS7 Changes

You will need a new outbound rewrite rule:

 <rule name="Add Cross Origin Access">
        <match serverVariable="RESPONSE_Access_Control_Allow_Origin" pattern=".*" />
          <add input="{REQUEST_URI}" pattern=".*\.(ttf|otf|eot|woff|svg)\?*.*$" />
        <action type="Rewrite" value="*"/>