Hello,
i bought this theme and it is fantastic, but there are some problems.
I see some different signs instead of the right signs. Why is that?
Here are some pictures:
http://www.directupload.net/file/d/3822/mxqsdrep_jpg.htm
http://www.directupload.net/file/d/3822/fz8li25f_jpg.htm
What is the problem here? Can you help me? Sorry, my english is not so good.
Please help. Thank you.
Sebastian
Hi
theme uses a custom font for all the little icons which is more efficient than loading a graphic a million times with CSS (sprites). E.g., using FontAwesome or similar. What you’re seeing is the font not loading and hence you get “broken” icons that look like [].
The only issue with this is that for folks using a CDN, there is a cross-site security setting that most people using CDNs don’t know anything about unless they have run into this before.
In fact, there is a setting you would need to create for the font file if loading off the CDN, called a “CORS” file. You should see the docs for your CDN on how to do this.
Or, simply load the custom font file off your local server – which with many CDNs you do by creating an “exception” in your CDN setup to NOT load the font file(s) on the CDN and leave on the domain where the site happens to be. This will often be simpler method for those who don’t want to deal with setting up a CORS file.
Great article from 2013 which helped me with this issue when we were setting up a CDN; we had to create CORS entry. Later we chose to simply load off our local server (where the domain and WP are installed): (THIS EXAMPLE IS FOR AMAZON, BUT SIMILAR PRACTICE WOULD APPLY TO ALL CDNs):
http://schock.net/articles/2013/07/03/hosting-web-fonts-on-a-cdn-youre-going-to-need-some-cors/
Info from MaxCDN
http://support.maxcdn.com/how-to-use-cdn-with-webfonts/
Probably admin here will need to make a very short tutorial on this topic, since more and more people are using CDNs, without actually knowing how they work. 🙂
Hi,
thank you for this tip.
I deactivated the CDN and now the signs are correct 🙂
Yeah.. it’s a stupid security thing to keep certain kinds of things loading into a browser from different domains; ran into that with revamp of our main business website last year.
Adding the CORS setting at the CDN is pretty easy if they have the help on how to do it; or have instruction on how to “load everything except fonts” to the CDN.
ihave managed to migrate to nemag theme however i am facing same issue as i am using CDN too..
it seems like activating and deactivating CDN fix the issue..
well it didnt..:) kinda stuck now.. i have put the code in httascces file and nothin…
In our case we had to put the CORS instruction into a panel for the entire folder or “bucket” at the CDN, from the CDN management panel. But they should be able to tell you “how do I load fonts on my site from CDN” as this is a widely known (meaning couple of years at least) issue – unrelated to the theme. (See the link to the first article I posted above for much better explanation.)
The optimum solution is to set the CDN to *not* load the font(s) from the theme folder.
Hi i have tried all recommended but it did not work for me.. i have logged ticket with Max cdn.. i ll let you know what they come up with.. as rewriting httaccess file, purge cash did not work..
Ok great its all fixed its all been about the CORS file.. cheers
http://www.electropiknik.cz
Yup. Been there. 🙂
The CORS file thing is not commonly known by most, but once you run into it, kind of a pain. But not too hard to fix once done. Just one of those “what the heck” moments.
