Font-Awesome Icons Not Showing

Question

I installed the font-awesome Rails gem but the icons aren't showing. Instead, in Chrome, I get an empty box (shown below).

screen shot 2013-11-22 at 12 09 45 pm

I added gem 'font-awesome-sass' to my gemfile, ran bundle, and added *= require font-awesome to my application.css file.

I also tried adding

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

to the head, as described in the Getting Started section on the Font-Awesome website, but had the same result.

Has anyone else come across the same problem?

score 4 · Answer 1 · answered Nov 22 '13 at 20:25

4

Sounds familiar... I can't remember if I had the same issue but I seem to remember the following process fixed an update of font-awesome for me.

You can clear the tmp with rake:

bundle exec rake tmp:clear

Also, what does your markup look like when your trying to create the icon?

answered Nov 22 '13 at 20:25

Helios de Guerra

1

Thanks for asking me about the markup. I forgot to add the 'fa' class. Stupid me. – suga_shane Nov 22 '13 at 20:34
Clearing out the `tmp/` directory fixed it for me. – Marius Butuc Apr 02 '15 at 06:57

score 2 · Answer 2 · answered Apr 24 '19 at 17:27

2

I had to add : @import "font-awesome-sprockets"; @import "font-awesome";

to my application.scss file and then it worked for me. I also had the demon square box but this fixed it. Hope it helps someone.

answered Apr 24 '19 at 17:27

Angela Inniss

2 Answers2