What fonts are used to display social icons, arrows, search icon and random other icons around the theme?
I ask because ever since switching to a CDN those font icons are not displaying correctly.
That is the ONLY issue i’m having on my site. Everything else is flawless.
So perhaps if I know the font, I can load it manually or from another cloud provider.
You need to either load the font locally (it’s in the theme in the images folder I think; basically a trimmed version of fontawesome) — or setup a CORS rule on your CDN. This is a protection setting that blocks fonts from being loaded “across domains” in browsers.
Really should be a FAQs page on this in the docs, but everybody using a CDN runs into this one eventually 🙂
I tried this line in nginx…
location ~* \.(eot|ttf|woff|woff2)$ {
add_header Access-Control-Allow-Origin “*”;
}
didn’t work. I tried httaccess method, didn’t work either.
Then simply told my host to send CORS headers forfont files for my website. They confirmed it and I see that that it was done “Access-control-allow-origin: * ”
Still those perky icons not loading lol
When font awesome didn’t want to load, i simply loaded it from external CDN (maxcdn) and it worked again. If i can do the same with the other random font files, then would be good to go.
Nevermind. Doing the cors header made it work! just needed to Purge all cache!
Issue Solved. but i agree Chris should be in FAQ as CDNs are getting more and more popular.
Should be in the CDN FAQs, too 😉
