Question

我正在尝试在我的Rails项目中使用FontAwesome，但没有 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”;

如何在Rails项目中使用没有眼镜而没有Bootstrap的Font Awesome？

1 个答案: