Icons not showing in Chrome & Firefox - Support | Kriesi.at

Viewing 23 posts - 1 through 23 (of 23 total)

Author

Posts
February 17, 2015 at 12:21 am #397174

slarocque
Participant

Hi,

I saw a topic concerning this issue, and the solution was to add some lines into the htaccess file, but I do not find this file.

FYI, I’am using Safarie and my site is not online yet (still in local).

Many thanks

Suzanne

February 17, 2015 at 12:22 am #397175

slarocque
Participant

Please note that everything looks perfect with Safari.

February 17, 2015 at 11:13 am #397360

Rikard
Keymaster

Hey!

You can find the .htaccess file in the root folder, the same folder as wp-config.php etc is located.

Best regards,
Rikard

February 17, 2015 at 5:28 pm #397638

slarocque
Participant

Hi Rikard,

Either with the search bar (all over the WP folder) in my Mac … I do not have this .htaccess file.

Thanks for your help!

Suzanne

February 17, 2015 at 9:10 pm #397795
Elliott
Inactive Moderator
Hey!

If you do not see it then you can go ahead and create one if you need to. Just create a new file with this name.
```
.htaccess
```
Double check and make sure it is 644 permissions.

Cheers!
Elliott
- This reply was modified 9 years, 9 months ago by Elliott.
February 18, 2015 at 12:27 am #397906
slarocque
Participant
Hi!

The file is created with your code inside… BUT! The problem still there! My new icons are not showing in Chrome (the circle is empty) and in Firefox ALL icons are showing a square with dots inside.

What is permission 644?

(edit message)

As you already know, my site is still on local and l’m using Safari to build my site and works perfectly.
I edited in Chrome to re-select the icons… and my Icons are not there. so, I re- imported my fentello font (icons) and it’s added only empty square. So the result it looks like the problem come from the fontello generator site page, because when I looked to the customize table, I see the icon but at the top of the icon I’m suppose to see the pic of the icon (in the black section), but nop!!!! I see the square and not the icon (PUA encoding). Why is it ok with safari and not with other browsers ??

Any solutions?

Thanks Elliott

– sorry my english is so good ;(
- This reply was modified 9 years, 9 months ago by slarocque.
February 18, 2015 at 5:57 pm #398326

slarocque
Participant

Hi Elliott

I still need your help with this issue.

Regards

Suzanne

February 19, 2015 at 1:40 am #398576

slarocque
Participant

Hi guys,

Someone can help me on this one? I was suppose to go live friday AM.

Thanks in advance

February 19, 2015 at 9:40 am #398721

Rikard
Keymaster

Hi!

The .htaccess is a hidden file so you need to select to show hidden files in Finder. Also, what code did you paste into it? As far as I can see no one has given you any yet. Could you also link to the solution to your problem you had found?

Just to be clear, the .htaccess is a file in the root folder of your WordPress installation. If you haven’t changed your permalink settings I’m pretty sure one is not created and you will have to create it yourself.

Cheers!
Rikard

February 19, 2015 at 6:41 pm #399140

slarocque
Participant

Hi!

I already created .htaccess file in the root of WP like Elliotte asked me.

Here the script I’m having in my .htaccess file

<FilesMatch “\.(ttf|otf|woff)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>
# BEGIN WordPress

# END WordPress

Like I said:
In Safari ALL Icons are ok (those I added via the fontello.com and the original one from the theme)
In Chrome, only the one from the theme are OK
In Firefox, Nothing at all.

Thanks you

February 20, 2015 at 3:34 am #399413

Ismael
Moderator

Hey!

Alright. Please post the website url here. We would like to inspect it. Make sure that you have the latest version of the theme. If you’re not familiar with file permissions, please contact your hosting provider and let them generate the .htaccess file for you.

Cheers!
Ismael

February 20, 2015 at 3:43 am #399419

slarocque
Participant

Hi!
I’m local (localhost) not on the web yet and the theme have the latest version.

Thanks!!!!!!!

Suzanne

February 20, 2015 at 3:51 am #399424

slarocque
Participant

Hope we can fix it before tomorrow… I present it to my client ;(

February 21, 2015 at 7:12 pm #400112

Andy
Inactive Moderator

Hey!

I am sorry, but without a link to your website we won’t be able to do a lot, because we need to inspect it and we even would need admin access to go inside your backend. Let us know when you go online.

Best regards,
Andy

March 14, 2015 at 5:14 am #411401

slarocque
Participant

hi,

Ok, for some reasons on my google chrome I’m ok but all people using it are not… still showing white square for some icons.

here my site:

http://www.4dmedia.net

March 16, 2015 at 3:42 am #411814

Ismael
Moderator

Hey!

There are few errors on the site:

http://4dmedia.net/wp-content/uploads/avia_fonts/entypo-fontello/entypo-fontello.woff Failed to load resource: the server responded with a status of 404 (Not Found)
http://4dmedia.net/wp-content/uploads/avia_fonts/entypo-fontello/entypo-fontello.ttf Failed to load resource: the server responded with a status of 404 (Not Found)

Download the theme again from your themeforest account then update it via FTP: http://kriesi.at/documentation/enfold/updating-your-theme-files/

If it’s still not working, please deactivate all plugins.

Regards,
Ismael

March 16, 2015 at 6:56 pm #412430

slarocque
Participant

Hi,

By doing that, it will not change all my theme options? (setting, color, header etc…)

Regards,
Suzanne

March 17, 2015 at 12:38 am #412680

mulder4301
Participant

Try to add this css tags into QuickCSS at the enfold options/general styling. Change xxx into your domain!

@font-face {font-family: ‘entypo-fontello’; font-weight: normal; font-style: normal;
src: url(‘http://www.xxx/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3’);
src: url(‘http://www.xxx/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3#iefix’) format(’embedded-opentype’),
url(‘http://www.xxx/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3’) format(‘woff’),
url(‘http://www.xxx/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3’) format(‘truetype’),
url(‘http://www.xxx/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg?v=3#entypo-fontello’) format(‘svg’);
} #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont=’entypo-fontello’]:before{ font-family: ‘entypo-fontello’; }

March 17, 2015 at 1:12 pm #412905

Rikard
Keymaster

Hi Suzanne!

Did you try @mulder4301’s suggestion and did you have any luck with it?

Cheers!
Rikard

March 17, 2015 at 6:47 pm #413164

slarocque
Participant

Hi,

Yes I try Mulder’s suggestion, with no result.

I fixed it, by replacing the entypo-fontello.woff and the entypo-fontello.tff.

The problem is now resolved.

Thanks everyone

Suzanne

March 18, 2015 at 7:49 am #413432

Rikard
Keymaster

Hey Suzanne!

Great to hear, glad you got it fixed :)

Regards,
Rikard

October 19, 2015 at 8:05 pm #521169

hzy17079
Participant

Hi,

I am also facing the same issue. I have tried all the above mention method but still could not get it working.

October 19, 2015 at 10:44 pm #521230

Basilis
Inactive Moderator

Hey!

Please post a new ticket, when sharing private data.
Remove ” http://www.xxx/ ” from the URL and make font be /wp-content/ etc and try it out.

Regards,
Basilis
Author

Posts

Viewing 23 posts - 1 through 23 (of 23 total)

The topic ‘Icons not showing in Chrome & Firefox’ is closed to new replies.