ICONS ARE GONE? [CORS SOLVED WITHIN .HTACCESS]

Apotacyll

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

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!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Apotacyll

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

Ok Thanks for explanation!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

filohn

Works! Thanks

Audity

Worked for me, too. Thank you

drewcastro

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

drewcastro

@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

@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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

signsintime

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

neil74white

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

neil74white

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

@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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

neil74white

I haven't got an extra FONTELLO plugin installed?

neil74white

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

Is it in the theme?

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

neil74white

Ah yes just spotted that

Thank you and sorry for wasting your time on this

olivieno

Works for me, thanks!

nanupindi

The .htaccess solution worked for me too:

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

skatmcb

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

markzoomsupport

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.

 <i class="icon-layout"></i>

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

Bryan

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

skatmcb

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

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

benniknop,

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

j_ariza

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next