Ruby on rails - 如何使用 Twitter 引导程序将'Font Awesome'添加到我的应用程序中?



可能的重复项:
轨道:使用字体真棒

我有Rails应用程序,其中我使用了许多Twitter引导程序的图标。

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

现在我刚刚下载了字体真棒并提取。
我猜我必须对这些文件做点什么。谁能告诉我如何设置?

/css/ 文件夹

  • font-awesome-ie7.min.css
  • 字体真棒.css
  • font-awesome.min.css

/字体/ 文件夹

  • fontawesome-webfont.eot
  • fontawesome-webfont.svg
  • fontawesome-webfont.ttf
  • fontawesome-webfont.woff
  • 字体真棒.otf

很简单,只需将样式表添加到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> 

(在 font-awesome.css 文件中使用 CSS 插入图标。检查那里是否有所有可能的类。有一堆像图标齿轮,图标星等)

相关内容

  • 没有找到相关文章

最新更新