Hi all -

Take a look at http://e-lumini.com/promotions/pre-rele … lease.html about three-quarters through.

I've placed a number of sections with font icons on the page, with icons showing perfectly fine in RSD and HTML Editor but simply not in the page's live environment. Checked with FF, Safari and Chrome but none visible.

Any idea what may be happening here, and how to solve this?

Many thanks in advance!!!

Project file attached.

In the files exported to the hard drive, the onespeak-prerelease.html file works in Firefox showing all the icons, but in http://e-lumini.com/promotions/pre-rele … lease.html it does not show the icons when I use the same browser.

I'm wondering whether perhaps not all the files exported to the hard drive were uploaded successfully to the web server.

Frank

Thanks for your response Frank -

I triple-checked the files on my server; erased the whole lot and reloaded them a number of times thinking, like you, that file incompletion would be the culprit here. Doesn't seem to be the case.

Now I am thinking there may be something wrong with my html css references. References are ok when they are in my sandbox or local drive but go haywire when I place them on the server. Mind you, I've placed the entire project in a third level in a public_html > promotions > prerelease file hierarchy; maybe it doesn't like that.

Other than that.... Scott? You're reading this mate?

The font icon file has is throwing a forbidden error. Do you use a custom .htaccess file on your server?

Ah! Brilliant thinking of course Adam!!!

The pages sit in a separate directory within a Silverstripe installation that has the attached .htaccess.

I am thinking you're onto something mate...

Not sure what to change in this file though....

Million thanks already Adam - I'll be trying to figure out what to do with this file, but if you have any idea you could shoot through.....?

Give the attached a try and let me know how it works.

Nope Adam -

Aint working. Browser responds with blocked site; no access at all.

Happy to give you access to the files if you wouldn't mind?

If so, how to pass FTP details on to you?

I think I may have found the 'anomaly' but am still stuck for a solution.

FF inspector/console responds:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://www.e-lumini.com/promotions/pre- … f?-w484d8. (Reason: CORS header 'Access-Control-Allow-Origin' missing). <unknown>
downloadable font: download failed (font-family: "coffeecup-font-icons" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed source: http://www.e-lumini.com/promotions/pre- … ff?-w484d8 coffeegrinder.min.css:1:27364
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://www.e-lumini.com/promotions/pre- … f?-w484d8. (Reason: CORS header 'Access-Control-Allow-Origin' missing). <unknown>
downloadable font: download failed (font-family: "coffeecup-font-icons" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed source: http://www.e-lumini.com/promotions/pre- … tf?-w484d8 coffeegrinder.min.css:1:27364
An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can remove its sandboxing.

Never seen this before - have no idea how to deal with this. If anyone has a suggestion I'd embrace it....

I would contact your hosting company and have them take a look. We know it is server side, they should be able to take a deeper look into the files and permissions to see what needs to be corrected.