Header Font unrecognized

Hello, I did some test to troubleshoot a few things and it came to my eyes that some of the fonts used for John S. template are not always recognized.

I do not know what it is, but so far I noticed that "gkScrollDown gkAnimate reverse active" doesn't always show up (see in attachment from a distant contact I have in another city... using IE).

As well the "gk-icon-heart" and "gkScrollDown gkAnimate reverse active" will not show up on Android if I enable my CDN through Amazon AWS Cloudfront. Otherwise the android will show them no problem.

I have noticed as well that with the CDN activated, the "&nbsp" html spaces that I use in the NSP module title for "My hot work" will even show up the browser. I use those html space for SEO purposes (because no space will show for the H2 keywords of that title, giving something like "MyHotWork"... depending on the words.

Regards.
Thanks

OK I seem to have narrowed down the problem to the CDN on Cloudfront AWS.

I found this article that talks about the issue relating it to what's called a Cross-origin resource sharing (CORS).

The article is here: http://schock.net/articles/2013/07/03/h ... some-cors/

Could you please provide the code in the format that's indicated in the article? That is, if you agree that this problem is due to CORS.

Problem occurs on the frontpage with the following elements using IE, Firefox or the browser on my Android:
gk-icon-heart
gk-icon-arrow-bottom
.gkScrollDown:after

I am using Système - NoNumber CDN pour Joomla! on the backend if you want to replicate the problem. Make sure you disable it after though.

Regards

Hi

I'm not sure if this is the case. Remember having the same issue and it was gone when I disabled AdBlock plugin.

Anyway please remind me Your FTP and Joomla panel access so I'll pass this to programmers and hopefully they will tell us something more.

I don't have any ads block on the tablet. I resent the login info.

Regards

Hi

I'm not sure if this is the case. Remember having the same issue and it was gone when I disabled AdBlock plugin.

Anyway please remind me Your FTP and Joomla panel access so I'll pass this to programmers and hopefully they will tell us something more.

Hi

I've just reported this problem to programmers. Will let You know when they will answer.

If that helps, in the NoNumber CDN plugin there is a field for "ignoring files".

Also in the AWS Dashboard I can invalidate files if we ever need to refresh the cache on certain files.

I added the following lines to the .htaccess as recommended by NoNumbers but it did not have any effect:

Code: Select all

##### How can I keep using @font-face styles when using a CDN?
<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>


Ref: https://www.nonumber.nl/extensions/cdnf ... keep-using -font-face-styles-when-using-a-cdn

Regards

Hi

No answer from programmers yet. If only I could see the problem with my own eyes than I may be able to see what is wrong then. Unfortunately my IE doesn't have any problems seeing it on Your website. Can You please send me a source file from a time when this happens ?

Hi

Programmers pointed me to the same answer You have found already, just on a different site: http://www.fontsquirrel.com/blog/2010/1 ... e-problems

Please see if it's the same exact one. This is the page of generator programmers used to create fonts.

Alright, I've just tested the CDN and it seems fully operational now. The command in .htaccess works.

Regards

Hi

Great to hear that. Glad I could help