css - 如何在 Rails 元素中使用没有类且没有 Bootstrap 的 FontAwesome？

Question

我正在尝试使用 FontAwesome在我的 Rails 元素中，但没有 Bootstrap 或必须使用类 <i class="icon-camera-retro"></i> .

我将所有 5 个字体文件都放到了我的文件夹中 /assets/fonts然后在我的 base.css我这样做:

@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=3.0.1');
  src: url('fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
  url('fontawesome-webfont.woff?v=3.0.1') format('woff'),
  url('fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}

然后我想做这样的事情:

<span class="foo">Text</span>

.foo:before {
  font-family: 'FontAwesome';
  content: "\2022";
}   

问题是它根本不工作。

谁能告诉我这是怎么做到的？

感谢您的帮助。

Answer 1

我认为你的代码很好，我的代码也一样:

span:before {
content: "\f059";
font-family: 'FontAwesome';
font-size: 120%;
}

我有一个问题图标 ( icon-question-sign - )

我的问题是这是什么？

内容:“\2022”；

我在这里看不到它......可能是你的答案..:

FontAwesome Sheet

icon-camera-retro 应该是:

内容:“\f083”；