1

重複の可能性:
Rails: Using Font Awesome

多くのtwitter-bootstrapのアイコンを使用しているRailsアプリがあります。

そのために、「boostrap.css.erb」を /assets/stylesheets/ フォルダーに直接配置し
、「glyphicons-halflings-white.png」と「glyphicons-halflings.png」を /assets/images/ フォルダーに直接配置しました。

今、Font awesome をダウンロードして解凍しました。
これらのファイルで何かをしなければならないと思います。誰か設定方法教えてくれませんか?

/css/ フォルダー

  • font-awesome-ie7.min.css
  • font-awesome.css
  • font-awesome.min.css

/font/ フォルダ

  • fontawesome-webfont.eot
  • fontawesome-webfont.svg
  • fontawesome-webfont.ttf
  • fontawesome-webfont.woff
  • FontAwesome.otf
4

1 に答える 1

1

簡単です。スタイルシートを html の head セクションに追加するだけです

    <link href="css/font-awesome.css" rel="stylesheet">
    <!--[if IE 7]>
    <link href="css/font-awesome-ie7.css" rel="stylesheet">
    <![endif]-->

そして、必ずすべてのフォント ファイルを同じフォルダーに配置してください (例として /css を使用しました)。次に、ページ上のアイコンを使用するには、次のようにします

<span class='icon-star'></span>

(これにより、css を使用して font-awesome.css ファイルにアイコンが挿入されます。すべての可能なクラスを確認してください。icon-gear、icon-star などのような束があります)

于 2013-01-23T05:56:14.487 に答える