Font awesome showing asian signs instead of icons

firefox icons opera chromium font-awesome
Jonas picture Jonas · Aug 22, 2013 · Viewed 16.9k times · Source

i'm trying to use Font Awesome but instead of any icons it just displays any asian signs. I downloaded font awsome to by webserver for that. I tried this in 3 different browsers (firefox, opera and chromium) but it is always the same.

A testpage can be seen here: http://2weitweitweg.de/test.html

And here is a screenshot of it: http://postimg.org/image/9yh5p0p97/

Does it show the signs in your browser? Is the problem browser- or server-related? How can i fix it?

bye

Answer

oak picture oak · Oct 26, 2013

I had this problem and it was because I was using old html with a new fontawesome version.

I fixed it by changing:

<i class="fa-bitbucket"></i>

to:

<i class="fa fa-bitbucket"></i>

I.e. I just had to add the default fa class to the element.

The latest version uses the fa prefix but for you, I guess it might be icon instead.

Hope this helps someone out at some stage :-)

Related questions

Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
How to manually send HTTP POST requests from Firefox or Chrome browser?

I want to test some URLs on a web application I'm working on. For that I would like to manually create HTTP POST requests (meaning I can add whatever parameters I like). Is there any extension or functionality in Chrome …

Read More
Using <meta> tags to turn off caching in all browsers?

I read that when you don't have access to the web server's headers you can turn off the cache using: <meta http-equiv="Cache-Control" content="no-store" /> But I also read that this doesn't work in some versions of IE. …

Read More