css - 後に Font Awesome アイコンを追加CSS の使用

Question

CSS を使用して Horizo​​ntal Rule のスタイルを設定しようとしています。私はこれまでこれを行ってきました：

http://tinkerbin.com/vdzgAZ9q

ただし、シンボルの代わりにFont Awesomeの「icon-star」を使用したいと考えています。§

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

ありがとう！

Answer 1

最初のステップは、fortawesome
からフォントをダウンロード することです。次に、それらを css に含めます。フォント ファイルへのパスには注意してください。

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

最後に、hr セレクターのコンテンツ ルールを "§" から "\f005" に置き換えます。

hr:after { content: "\f005";}

Answer 2

hr要素はまったく必要ありません。

どうぞ: http://jsfiddle.net/Qc6J4/