Geek Answers Handbook

Fontello Glyph Font weird behavior in Firefox, showing Unicode codes instead of icons

I have a webpage. In the upper right corner I have social icons. It shows well in Chrome (both local and web server), it shows ok in local FF, but on the online page I see square placeholders with Unicode codes inside.

Oddly enough, if I open Firebug and fix fontello.css on the fly through Source Edit, the icons appear magically or, as it seems, and even with trivial fixes, such as adding and then removing spaces.

It really puzzles me. Any suggestions?

+6
source share
1 answer

I managed to solve this strange problem. It turned out that this was an Apache problem, got a solution from: http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems

I added the following lines to .htaccess :

If you use Apache, you can add it to your .htaccess file so that your site can access the fonts:

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

and now the font is fine.

+9
source

More articles:


All Articles