[Resolved] CDN and FontAwesome

[Ramesh Srinivasan]

Hi,

I redirected the GP folder to AWS CloudFront everything is working fine except the font awesome icons. Search icon and the move to top symbol don’t appear and show up with black background.

All the theme files are in cloud and I’ve verified it. CDN returns HTTP 200 (OK) for all requests according to Fiddler. Can this be due to GZip, which I enabled at the same time when configuring the CDN?

Thanks.

[Tom]

Hmm that’s odd – can you link me to the site?

[Ramesh Srinivasan]

Hi,

Yes. Here it is..

Just now re-enabled the redirect (to CDN) so that you can test.

Thanks.

[Tom]

I’m seeing the icons? What browser are you using?

[Ramesh Srinivasan]

Tested with different browsers – Edge, Chrome, and IE. Not even in Firefox, just verified it in my 2nd computer.

If you’re able to see the icons (search icon, and scroll to top), then I’ll have to investigate at my end. This is very strange. For now, I’ve turned off the CDN.

Thanks for the confirmation, Tom.

• This reply was modified 7 years ago by Ramesh Srinivasan.

[Tom]

Very strange – let me know if you need any help.

[Ramesh Srinivasan]

I think I found it.. thanks to Pingdom. Pingdom waterfall report showed what’s wrong. Searched Google on AWS Cloudfront AND .woff. Found something interesting. It’s a AWS config issue. Shall implement the fix tomorrow.

It worked for you probably because .woff was already in the browser cache.

Thanks again Tom.

[Ramesh Srinivasan]

Which is better explained here. Might help someone.

[Tom]

Glad you found the issue! Thanks for posting the solution here 🙂

[Author]

Posts