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

Question

我正在尝试在我的 Rails 项目中使用FontAwesome ，但没有Bootstrap 或必须使用 classes à la <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 表

图标相机复古应该是：

内容：“\f083”；