4

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";
}

問題は、それがまったく機能していないことです。

誰がそれがどのように行われたか教えてもらえますか?

助けてくれてありがとう。

4

1 に答える 1

10

あなたのコードは問題ないと思います。同じように動作しています：

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

質問アイコンがあります ( icon-question-sign - &#xf059;)

あなたへの私の質問は、これは何ですか?

content: "\2022";

私はここにそれを見ません...あなたの答えかもしれません..:

FontAwesome シート

icon-camera-retro は次のようになります。

コンテンツ: "\f083";

于 2013-09-23T13:52:07.217 に答える