可能的重复项:
轨道:使用字体真棒
我有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 插入图标。检查那里是否有所有可能的类。有一堆像图标齿轮,图标星等)