如何使用twitter-bootstrap将“Font Awesome”添加到我的应用程序中?

时间:2013-01-23 05:44:32

标签: ruby-on-rails ruby-on-rails-3 twitter-bootstrap font-awesome

  

可能重复:
  Rails: Using Font Awesome

我有Rails应用程序,其中我使用了许多twitter-bootstrap的图标。

为此,我确实将“boostrap.css.erb”直接放在/ assets / stylesheets /文件夹中 还有/ assets / images /文件夹中的“glyphicons-halflings-white.png”和“glyphicons-halflings.png”。

现在我刚刚下载了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

1 个答案:

答案 0 :(得分:1)

很简单,只需将样式表添加到html的主题部分

即可
    <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> 

(使用font-awesome.css文件中的css插入图标。检查所有可能的类。有一堆像icon-gear,icon-star等)