By gökhan on Wednesday, 22 January 2014
Posted in General
Replies 18
Likes 0
Views 2.4K
Votes 0
Hi,

I am using CDN for my web site. I have a problem with toolbar icons. When i activate cdn, toolbar icons and search icon disappear (on ie and firefox). I dont have any problem with Google Chrome and opera browsers but ie and firefox. I have to solve this problem.

screenshot 1 for IE
screenshot 2 for chrome
screenshot 3 for FireFox
This is not an issue with our extensions but is a limitation in Firefox and CDN's when you are hosting font's on CDN. http://stackoverflow.com/questions/16866872/font-awesome-not-working-in-firefox
·
Wednesday, 22 January 2014 21:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Ahah, Thanks Mark You are Awasome


The Solution is : <FilesMatch ".(eot|ttf|otf|woff)">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
·
Wednesday, 22 January 2014 22:08
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome
·
Thursday, 23 January 2014 00:39
·
0 Likes
·
0 Votes
·
0 Comments
·
The Solution is :
Header set Access-Control-Allow-Origin "*"
can you please explain this solution a bit more? i'v added the following to my htacces:

<FilesMatch ".(eot|ttf|otf|woff)">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>


but easydiscuss web fonts are still not served from Cloudfront CDN if i use firefox or IE
Chrome works without problems!

http://stackoverflow.com/questions/16866872/font-awesome-not-working-in-firefox
You'll want to look into how to use CORS with what ever server you're working with. You might need to set some headers with Access-Control-Allow-Origin to be * or whatever the domain is.
i'm not realy clear about "Access-Control-Allow-Origin to be * or whatever the domain is"!?
·
Thursday, 23 January 2014 02:06
·
0 Likes
·
0 Votes
·
0 Comments
·
The code above basically tells the webserver to allow a different origin / domain serving the font files.
·
Thursday, 23 January 2014 02:15
·
0 Likes
·
0 Votes
·
0 Comments
·
The code above basically tells the webserver to allow a different origin / domain serving the font files.
hmm..i read here http://davidwalsh.name/cdn-fonts about the web font issue and hoped the htaccess code would help me to show the missing easydiscuss icons but easydiscuss icons are still not to showed on firefox/IE browser with CDN enabled!
·
Thursday, 23 January 2014 02:27
·
0 Likes
·
0 Votes
·
0 Comments
·
write your htaccess codes here or attach it
·
Thursday, 23 January 2014 07:36
·
0 Likes
·
0 Votes
·
0 Comments
·
It's best that you check this with your hosting provider Rene. Not every hosting provider allows you to override this.
·
Thursday, 23 January 2014 11:24
·
0 Likes
·
0 Votes
·
0 Comments
·
It's best that you check this with your hosting provider Rene. Not every hosting provider allows you to override this.
i'll checked and mod_headers is enabled on my hostingprovider.


write your htaccess codes here or attach it
what are you looking for in my htaccess?

Edit:
i added the following tips from here http://www.nonumber.nl/extensions/cdnforjoomla/faqs#2_How-can-I-keep-using-font-face-styles-when-using-a-CDN to my htaccess but unfortunately ED Icons are still not showed with Firefox/IE
·
Thursday, 23 January 2014 17:49
·
0 Likes
·
0 Votes
·
0 Comments
·
i have the same problems as rene with the ED icons.
in use is also the CDN plugin from nonumbers.

in htaccess i have added this lines too:
<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>


chrome browser:
http://www.screencast.com/t/Tpm95WMx
firefox browser:
http://www.screencast.com/t/ntwszyyGRc

a nother problem what i have is, that this following files are not loaded from the cdn domain (cloudflare amazon):
i checked my side with this tool: http://tools.pingdom.com/fpt/

root/media/foundry/3.1/scripts/bookmarklet.min.js
root/media/foundry/3.1/scripts/checkList.min.js
root/media/foundry/3.1/scripts/checked.min.js
root/media/foundry/3.1/scripts/fancybox.min.js
root/media/foundry/3.1/scripts/ui/position.min.js
root/media/foundry/3.1/styles/fancybox/default.min.css

how i can i serve this files also over the CDN Cloud?
·
Thursday, 23 January 2014 19:09
·
0 Likes
·
0 Votes
·
0 Comments
·
@n00bster

thanks for your screenshots

1. wich version of NoNumber Plugin did you use? Free or Pro? Version Number?
2. Did you use Amazon Cloudfront or other CDN Provider?

other question: Did you use CDN also for Easyblog and does it work for you on EB Write Blog Page?
·
Thursday, 23 January 2014 19:19
·
0 Likes
·
0 Votes
·
0 Comments
·
@Rene

1) i use the pro version (3.2.9)
2) aws cloudfront
3) i also use CDN plugin for EB, with no luck for the "write a blog" page (all links are delivered as local links).

i followed the instructions from the link below without success
http://stackideas.com/forums/enable-cdn-on-foundry-scripts-quick-hack
·
Thursday, 23 January 2014 19:26
·
0 Likes
·
0 Votes
·
0 Comments
·
many thanks for your quick reply.

i'm sure you mixed up your replys wih here: http://stackideas.com/forums/cdn-not-work-in-write-blog#reply-120123

please change your replies and i will answer you there.
·
Thursday, 23 January 2014 20:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Well, I am not too sure if there are any other solutions apart from the one I shared above. You should check with your hosting provider, Also, if your hosting provider has mod_pagespeed installed, this could be problematic too, http://code.google.com/p/modpagespeed/issues/detail?id=599
·
Thursday, 23 January 2014 21:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Well, I am not too sure if there are any other solutions apart from the one I shared above. You should check with your hosting provider, Also, if your hosting provider has mod_pagespeed installed, this could be problematic too, http://code.google.com/p/modpagespeed/issues/detail?id=599
my hosting provider said that mod_pagespeed is not enabled

i would try the second solution from NoNumber http://www.nonumber.nl/extensions/cdnforjoomla/faqs#2_How-can-I-keep-using-font-face-styles-when-using-a-CDN and take all missing files in a separate css file called font.css

Where do i found the missing font files in ED?
·
Friday, 24 January 2014 01:47
·
0 Likes
·
0 Votes
·
0 Comments
·
The font files are stored in Foundry which is located in /media/foundry/3.1/styles/font-awesome/font/
·
Friday, 24 January 2014 12:31
·
0 Likes
·
0 Votes
·
0 Comments
·
@n00bster

i searched many hours and read a lot of posts about CDN and Webfont and added the following into my htacces:

<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|svg|font.css|css)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>


after adding i cleaned the joomla and browser cache but it won't work ..so decided to cook some coffee cups and wait few days and what a surprise it does now work and icons are showed also in Firefox with CDN
·
Wednesday, 29 January 2014 02:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for sharing Rene
·
Wednesday, 29 January 2014 16:50
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post