1.6.0.11: Using CloudFront breaks Font-Awesome icons

[Morten Borg]

Just upgraded from 1.6.0.9 to .11.

 

Everything works fine. However there's a problem with the Font-Awesome icons when using Amazon CloudFront as media server. As you can see the icons don't load. 

 

I'm not using S3 with CloudFront, just the "origin pull" feature. 

 

It worked perfectly with 1.6.0.9 and also when not using a media server.

 

With CloudFront enabled as media server:

 

Without media server:

Edited January 26, 2015 by Morten Borg (see edit history)

[JordiMatamales]

Hi,

 

I've just added this to my .htaccess file to solve this problem:

 

<IfModule mod_headers.c>

    Header set Access-Control-Allow-Origin "*"

</IfModule>

[Morten Borg]

<IfModule mod_headers.c> is already in the autogenerated .htaccess file.

 

Did you just add it another place outside the autogenerated part?

 

Ie. can <IfModule mod_headers.c> be in the .htaccess file multiple times?

[dric83]

Hey guys
Any news on this problem?
How did you solved it Morten Borg ?

 

Thankyou

[dric83]

Here is the solution :

Check that you have mod_headers in your php info.

 

Then add this in your .htaccess :

<IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    # mod_headers, y u no match by Content-Type?!
    <FilesMatch "\.(gif|png|jpe?g|svg|svgz|ico|webp)$">
      SetEnvIf Origin ":" IS_CORS
      Header set Access-Control-Allow-Origin "*" env=IS_CORS
    </FilesMatch>
  </IfModule>
</IfModule>