Cloudfront IIS7 CORS Fix

Problem

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

Solution

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=".*" />
        <conditions>
          <add input="{REQUEST_URI}" pattern=".*\.(ttf|otf|eot|woff|svg)\?*.*$" />
        </conditions>
        <action type="Rewrite" value="*"/>
 </rule>

1 comment to Cloudfront IIS7 CORS Fix

Leave a Reply

  

  

  

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>