Ask your WordPress questions! Pay money and get answers fast! (more info)

Missing fontello icons font

  • SOLVED

Hi, here is the issue: from end of december icons font fontello installed with Enfold theme is missed (you can see here: www.arcobaleno96.org). I have tried all the things theme support asked to try but icons are still missed.

What i have done:

- cancel and reload theme files via FTP
- disabled all the plugins
- update Wordpress to 4.4.1 version
- add this code in the htaccess file for fix
CORS-related issue:
<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>



Last thing that they suggest is to move my Wordpress installation from its subfolder ("new") to the root of the site but I do not want do it (everything worked fine until end of december),

They told me to move Wordpress because I get errors in the Firefox error console as shown in attachment). Can you help me please?

Answers (4)

2016-02-03

Navjot Singh answers:

Try removing the query string from the url of fonts in your font code which you have added in header i.e.

Change

<style type='text/css'>
@font-face {font-family: 'entypo-fontello'; font-weight: normal; font-style: normal;
src: url('http://www.arcobaleno96.org/new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3');
src: url('http://www.arcobaleno96.org/new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3#iefix') format('embedded-opentype'),
url('http://www.arcobaleno96.org/new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3') format('woff'),
url('http://www.arcobaleno96.org/new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3') format('truetype'),
url('http://www.arcobaleno96.org/new/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'; }
</style>


to

<style type='text/css'>
@font-face {font-family: 'entypo-fontello'; font-weight: normal; font-style: normal;
src: url('http://www.arcobaleno96.org/new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot');
src: url('http://www.arcobaleno96.org/new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot') format('embedded-opentype'),
url('http://www.arcobaleno96.org/new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff') format('woff'),
url('http://www.arcobaleno96.org/new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf') format('truetype'),
url('http://www.arcobaleno96.org/new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg') format('svg');
} #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before{ font-family: 'entypo-fontello'; }
</style>


maryhellen comments:

How can edit code in the header if it's dinamically created by avia template builder?


Navjot Singh comments:

I grabbed the files from the Theme author's website demo (http://www.kriesi.at/themes/enfold/) and have packaged them in a zip file.

Replace the fonts in your theme directory (wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/)

with the ones from this https://dl.dropboxusercontent.com/u/70553/entypo-fontello.zip

And check again.


maryhellen comments:

It works with the icons in the front end but not with those in the back end (cross to clise windows, editor icons etc.).

2016-02-03

Rempty answers:

I tried to download the font www.arcobaleno96.org/new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf
And is corrupted, try to delete the font via cpanel or ftp, and upload again,

Maybe you can use this
https://github.com/Dsyko/meteor-entypo/tree/master/fonts


maryhellen comments:

Done, but backend icons are still missing (crosses to close windows, editor icons etc.)


Rempty comments:

Are missing the icons from wordpress?, not from the theme?
If yes, try to reupload the corrupted fonts.

Download a wordpress https://wordpress.org/ , delete and replace the fonts from your wordpress with the new

you can find the fonts:
wp-includes/fonts


maryhellen comments:

Done, but icons in the backend are still missed (as shown in attachment). Instead in the front end now it display correctly.