1

可能重複:
Rails: Using Font Awesome如何使用twitter-bootstrap將'Font Awesome'添加到我的應用程序中?

我有在我使用很多Twitter的引導圖標Rails應用程序。

對於我沒有把在/資產/樣式表/文件夾 「boostrap.css.erb」 直接
也在/資產/圖像 「glyphicons,半身人,white.png」 和 「glyphicons-halflings.png」/文件夾直接。

現在我剛剛下載了字體真棒和提取。
我猜我必須對這些文件做些什麼。任何人都可以告訴我如何設置?

/CSS/

  • 字體真棒-ie7.min.css
  • 字體awesome.css
  • 字體awesome.min.css

/font/文件夾

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

回答

1

簡單,只需添加您的樣式表HTML的頭部分

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

並確保你把所有的字體文件在同一FOL der(我用/ css作爲例子)。然後使用圖標的頁面上,只是做

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

(即插入使用的字體awesome.css文件的CSS圖標,檢查那裏所有可能的類。有一個像一堆圖標齒輪,圖標明星等)

+0

感謝您的答案,但問題是,我使用rails。它有自己的約定,這不是小菜一碟 – HUSTEN

+0

對不起,我誤解了。我是在假設Rails是一個後端腳本語言,仍然使用HTML/CSS的前端..... –

+3

http://stackoverflow.com/questions/11052398/rails-using-font-awesome –

相關問題