What is missing if one icon from font awesome doesn't display

Question

I selected a handful of icons to use, and they are all displaying except one. I compared my CSS with that of the icons page on the fontawesome site and I was missing some styles. I added the missing styles, but the icon still shows the placeholder instead of the icon.

HTML:

<i class="fa fa-pied-piper"></i>

CSS:

.fa-pied-piper-square:before,.fa-pied-piper:before {content: "\f1a7";}

Again, all the other icons (14 of them) are displaying correctly, just not this one.

(Font Awesome 4.0.3)

Answer 1

Are you using FontAwesome minified CSS? If so, you may need to omit the semicolon. I don't see semicolons listed in the minified CSS rules. Mine looks like this and works:

{content: "\f1a7"}