1

我正在尝试将FontAwesome包含在我的项目中，但我无法让字母小“o”起作用，

我的字体-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

我还配置了资产路径。

在此处输入图像描述

4

2 回答 2

2

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

然后您将创建一个元素来使用字体，例如：

<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>

请参阅不使用 Boostrap？1在http://fortawesome.github.io/Font-Awesome获取方向

1. 这存在于旧 3.2.1 文档中。

于 2012-12-21T02:47:45.663 回答
1

你不应该使用 FontAwesome 作为你身体的字体。你会想把它限制在一个特定的类或类似的东西上。

于 2012-12-21T02:47:37.780 回答