How to fix? Social media icons are displaying Japanese letters

Posted in: Newsmag
Post count: 15

Hi,

I’ve set up the theme, but instead of social media icons/images (Facebook, Twitter, etc.) on the top right corner and the bottom left corner Japanese letters are being displayed.

Also, Search Icon (magnifying glass) isn’t displayed correctly. There will probably be a few other similar things, I’m still going through this.

Can you please advise how to fix this? Thank you.

Site: http://topdogtips.com

  • This topic was modified 11 years by Truefolder. Reason: Search Icon
Post count: 15

Yeah, it looks like multiple icons aren’t being displayed correctly.

In addition to the above, also:

1. Breadcrumbs forward arrow icons aren’t displayed properly.

2. Icon on “More stories” doesn’t work either – Japanese displayed

Probably more icons do not work… I can’t figure out if there’s a setting that will change this. There’s nothing in the documentation.

Screenshot: http://i.imgur.com/Kxo52UP.jpg

Thanks for looking into this!

Post count: 15

Please note that I have followed the advice given here – https://forum.tagdiv.com/topic/mising-icon-star-rating-showing-chinese-write-up/#post-33232 – but it doesn’t work. All 3 browsers on multiple PCs are still displayed Chinese/Japanese whatever it is.

More screenshots as proof after implementing the change:


Tried with the following browsers: Chrome, Firefox, IE. All display the same.

I can see all the icons on your demo site. And this is the first time I’m ever experiencing anything like that, I’ve never had a similar problem with any other site online, or any themes, not only mine. Definitely something wrong in the theme.

Post count: 15

More update: this is also NOT a unique situation specific just to my machine. GTMetrix, Pingdom, Google’s Page Insights and other testing tools are also not displaying the icons.

Screenshot proof: http://i.imgur.com/88OBpRe.jpg

Please advise.

* also, if you would allow editing of posts in this thread, then I wouldn’t have to create multiple posts every time I find something new. Just a thought. 🙂

Post count: 15
Post count: 15

Any help on this? Thank you.

Post count: 6600

Sorry for the delay!
Replied via dashboard!

Post count: 6

Hi

I am having the same problem too!
What’s the solution to this? Where can I find it?

Thanks!

Post count: 6600

Hi,

It usually happens when loading the font file (which contains those icons) from another host/url. Check your browser’s console if you have an error like this – http://screencast.com/t/fKy2k43k9kc
The solution would be to load them from the same url as the site or try this solution – http://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co

Thanks

Post count: 6

Hi,

I have just checked the Console error.
Apparently it says that file is not found.

Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.weddinginspirasi.com/wp-content/themes/Newsmag-child/images/icons/newsmag.woff?6

Failed to load resource: the server responded with a status of 404 (Not Found)
http://www.weddinginspirasi.com/wp-content/themes/Newsmag-child/images/icons/newsmag.ttf?6

But I have checked that the file is in that folder.
Could be the number ‘6’ at the end causing the problem?

Post count: 6

I found the problem.

I have to place icon folder in the child theme as well.
Didn’t know that. Perhaps you guys may need to put that in your documentation.

Just one more question.
The default search icon is white for dark background.
How do I change it to using black over a light background?

Thanks!

Post count: 6600

Hi,

Glad you’ve managed to solve this! We consider your suggestion!
The search icon is added using fonts so it can be colored via css, like this: http://screencast.com/t/d45TvcKNvSW2

.header-search-wrap .td-icon-search {
color: red;
}

Thanks

Post count: 55

Hi,

It usually happens when loading the font file (which contains those icons) from another host/url. Check your browser’s console if you have an error like this – http://screencast.com/t/fKy2k43k9kc
The solution would be to load them from the same url as the site or try this solution – http://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co

how i change the fonts url?

Thank’s

Post count: 780

Hi yakir105,
I can happen when the blog url and home url option in wordpress database is set up incorrectly. Please give me a url to your site so that I can have a look.

Post count: 55

thank you Radu!

http://hayom.org.il/

Post count: 780

Hi,

I cannot access your site: http://screencast.com/t/z7zIXnvDggU9

Post count: 55

i’m sorry, now it’s ok.
Thank you.

Post count: 780

Hi,

http://screencast.com/t/ZSDH57Zs

the site is configured to load via http://www.hayom.org.il but the server is configured to redirect www to non www domain hayom.org.il

please remove www. from this settings: http://screencast.com/t/7q0SNCGEG

Let me know if that dosn’t work,
Radu O.

Post count: 55

Hi Radu,

In my WordPress setting i dont see WWW.

http://www.hayom.org.il/wp-content/uploads/2015/06/www-in-Url.jpg

and i cant change this..

Tnx

Post count: 6535

Hi

Please disable all the plugin, except Visual Composer, and reload the page. If the problem is not solved send us login details at contact@gmail.com so we can take a closer look (please paste the curent url inside the email) .

Thanks

Viewing 20 posts - 1 through 20 (of 20 total)
You must be logged in to reply to this topic.