FontAwesome没有显示字母“o”

Question

我正在尝试将FontAwesome纳入我的项目中，但我无法将这封信写成“o”，

我的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,,,,,,

我自己的CSS

 body {
   font-family: "FontAwesome"
 }

会发生什么变化，文本会变成某些衬线字体，因此某些东西正在改变，但字母“o”没有显示，我尝试了各种宝石，但似乎都没有。

我也尝试过不同的浏览器（Chrome，FF，Safari）

作为操作系统我使用Lion 10.7.5

我还配置了资产路径。

Answer 1

FontAwesome要求您使用font-awesome.css样式表。

然后，您将创建一个元素以使用font-face，例如：

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>

<i class="fa fa-download"> Download</i>

请参阅Not using Boostrap?上的http://fortawesome.github.io/Font-Awesome ¹ 获取路线

<子> 1。这存在于旧的3.2.1文档中。

Answer 2

您不应该使用FontAwesome作为您身体的字体。您可能希望将其限制为特定类或类似的类。