ICONS ARE GONE? [CORS SOLVED WITHIN .HTACCESS]

Apotacyll · April 2015

Hello Guys,

All my icons are gone, the icons that are shown on my website are chinese?

even when i update the theme they still dont appear,

website: www.italbert.nl

thanks,

Albert · April 2015

Hey,

this problem is related with your server. As you can see at http://pasteboard.co/2NrBMsbA.png your server does not have CORS library enabled. In this case you should contact with your server administrator. More information about library you can read on http://enable-cors.org/server.html

Thanks!

Apotacyll · April 2015

hey muffingroup,

thanks for answering the question,

after some google research i had to add this to my .htaccess file to make it work thanks !

<IfModule mod_headers.c>
   Header set Access-Control-Allow-Origin "*"
 </IfModule>

Albert · April 2015

Ok

Thanks for explanation!

filohn · August 2015

Works! Thanks

Audity · May 2016

Worked for me, too. Thank you

drewcastro · June 2016

This hasn't worked for me. I tried inputting this Header set Access-Control-Allow-Origin "*" just below <IfModule mod_headers.c> before the rest of the code and it didn't work. Even tried

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"
Header add Access-Control-Allow-Headers: "Content-Type" and it still didn't work.

Update: I contacted my host service provider and they made me aware that I cannot have the Cors
library enabled as my server is a shared one and therefore I do not have root access and won't
do unless I update my simple folio website to have the capabilities of a VPS at the cost of 30
pounds a month sooo Is there any other way to get rid of the boxes and Chinese characters?

Albert · June 2016

@drewcstro You need to contact with your admin if above solution didn't helped.

drewcastro · June 2016

@muffingroup I contacted them and they said there's nothing they can do. Got any other ideas of what I can do, as this affects the website on mobile too as the menu icon doesn't show. How can I replace this?

Albert · June 2016

@drewcastro Wow, really? That means you should change hosting service then because the answer you get is ridiculous and they definitely don't know what are they talking about. Please put the link to your site and we will have a look on it once again but there would be probably nothing what we can do as the problem is related with server.

signsintime · September 2016

I'm having the same issue as @drewcastro. Rather than say it's an issue to be addressed with the host, can't you please provide a way to remove the icons? Even pointing us to the appropriate file to edit them out ourselves would be helpful.

Thanks!

Albert · September 2016

@signsintime All icons are located under /fonts/ folder.

neil74white · September 2016

Hi

I am also having this issue. I have added a duplicated demo site onto another server to see if this fixes the issue but both demo sites now show chinese characters. I contact both hosting companies and they say there is nothing they can do and say its a htaccess thing.

Every code I add to the htaccess file doesn't work and it appears that there are other customers who also face this so is there any advice you can give because this not only affects the social media icons but also the buttons on the site as well

Albert · September 2016

@neil74white Please send us link to page where icons does not work first so we can make sure that it's the reason.

neil74white · September 2016

Hi

Here is the link http://newsite.blueprofile.com/wp/services-and-solutions/it-consulting/

You can see the social icons are now square I removed telephone and email icons on the top bar they were both chinese symbols

This is a third server that I copied the site to just to test and the icons are fine http://www.givaprint.co.uk/

Albert · September 2016

@neil74white Ok, all is clear now. So the icons does not work because of you extra FONTELLO plugin. Please remove it and everything would be fine.

neil74white · September 2016

I haven't got an extra FONTELLO plugin installed?

neil74white · September 2016

I have just checked again I have 100% not installed FONTELLO plugin

Is it in the theme?

Albert · September 2016

As you can see on http://pasteboard.co/DG3ikwXY.png it's Scroll Bar With Back To Top plugin that uses Fontello.

neil74white · September 2016

Ah yes just spotted that

Thank you and sorry for wasting your time on this

olivieno · February 2017

Works for me, thanks!

nanupindi · December 2017

The .htaccess solution worked for me too:

<IfModule mod_headers.c>
   Header set Access-Control-Allow-Origin "*"
 </IfModule>

skatmcb · February 2018

Hi team, looking for a little help as I have the same problem after upgrading my site from HTTP to HTTPS.

My CDN (AWS Cloudfront) is serving all the other static content perfectly, except for the font file. The icons are not displayed.

I've tried adding / editing / deleting the Access-Control-Allow-Origin entry from .htaccess but it hasn't made any difference.

I have two Wordpress installations, one for the main site and another for the blog. The links are pasted below.
Main site: http://bit.ly/2stskT8
Blog: http://bit.ly/2H7ap7M

Can you please have a look at my site and let me know what may be causing it? I'd appreciate your inputs.

Bryan · February 2018

skatmcb
Hi,
those link work fine, please delete your browser cache.
thanks

markzoomsupport · February 2018

Hi! I have the same issue on my site

voipforce.zoomsupport.com

In Blog when the article is opened, the icon next to "Read more" button is not showing up.

If I have any conflicting plugin, please let me know.

Bryan · February 2018

markzoomsupport
We do not see this issue, try deleting browser cache and refrshing the page a couple of times.
http://prntscr.com/ifllo6
thanks

skatmcb · February 2018

For the benefit of other Betheme users who're using CDN, and facing an issue similar to mine, here's an update.

The issue was that after I had implemented the .htaccess solution, the icon problem went away for some site visitors but not for everyone.

I tried clearing the browser cache but it didn't help. I asked several other regular site visitors to clear their cache and recheck. But that didn't help either.

I checked with the CDN team. After analyzing it, they said it could be because repeat visitors to the site were passing the old (http) URL in Access-Control-Allow-Origin. And the CDN server was trying to serve them old HTTP content which was conflicting with the HTTPS setting.

New (first-time) visitors did not have this issue, since their Access-Control-Allow-Origin had the new .htaccess value. The CDN server was able to serve them HTTPS content along with the icon file without any conflict.

Ignoring the underlying technical complexities (which I don't full understand either), the solution to the issue was quite simple.

Invalidate the distribution on the CDN server.

That fixed it for me! Some other site visitors who tested it had to clear their browser cache for the effect to be visible.

So, if you are using AWS Cloudfront and tried all the right things, and you're still pulling your hair out, try invalidating the CDN content so it can start afresh.

benniknop · September 2019

Anyone with dream host? I've added the code they suggest and tried the one you guys suggested in the .htaccess but it hasn't worked.

Pablo · September 2019

benniknop,

We recommend to contact with your server administrator in this case because
he will be able to help you for sure.

Thanks

j_ariza · April 2020

Hi!

I have the same icon problems on my website. All the icons from muffin builder are not being displayed. I added the code snipet on the .htaccess to enable the CORS library but no change. I also deactivated most of the plugins, but that also didn´t solve the problems.

By activating devtools I get: Mixed Content: The page at 'https://www.statistance.de/' was loaded over HTTPS, but requested an insecure font 'http://www.statistance.de/wp-content/themes/betheme/fonts/mfn-icons.woff?31690507'. This request has been blocked; the content must be served over HTTPS.

see

Website: https://www.statistance.de/

I would appreciate any help. THX

Pablo · April 2020

j_ariza,

it’s because of CORS library which hasn’t been installed on your server.

More details about the CORS you can read on
http://enable-cors.org/server.html but we recommend to contact with your
server administrator this case because he will be able to help you for
sure.

Thanks

ICONS ARE GONE? [CORS SOLVED WITHIN .HTACCESS]

Comments