Search code examples
ruby-on-railscsssasswebfonts

FontAwesome not displaying letter "o"

I'm trying to include FontAwesome into my project but I cannot get the letter little "o" to work,

My font-awesome.css.scss.erb

@font-face {
  font-family: "FontAwesome";
  src: url('<%= asset_path('fontawesome-webfont.eot') %>');
  src: url('<%= asset_path('fontawesome-webfont.eot') + '?#iefix' %>') format('eot'),              url('<%= asset_path('fontawesome-webfont.woff') %>') format('woff'), url('<%= asset_path('fontawesome-webfont.ttf') %>') format('truetype'), url('<%= asset_path('fontawesome-webfont.svg') + '#FontAwesome' %>') format('svg');
  font-weight: normal;
  font-style: normal;
}

// Other stuff,,,,,,

my own css

 body {
   font-family: "FontAwesome"
 }

What happens is that the text changes to some serif font, soo something is changing, but the letter "o" is not displayed, I tried various gems but none seems to work.

I also tried different browsers (Chrome, FF, Safari)

As OS I Use Lion 10.7.5

I have also configured the assets path.

enter image description here

Solution

  • You shouldn't be using FontAwesome as the font face for your body. You'll want to restrict it to a particular class or something like that.