包括font-awesome通過Bower的bootstrap sass

我已經使用bower安裝了bootstrap-sass-official和font-awesome。我已經嘗試了所有可能的組合，以使用scss在bootstrap中包含fontawesome。包括font-awesome通過Bower的bootstrap sass

最可能的解決方案是指定在我的應用程序的main.scss文件中的以下內容：

$fa-font-path: "../bower_components/font-awesome/fonts"; 
@import "font-awesome/scss/font-awesome"; 
@import '../../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap.scss';

而且註釋掉@import "bootstrap/glyphicons";主要bootstrap.scss文件中。

如果我啓動我grunt serve在http://localhost:9000/（我使用從默認Web應用程序的自耕農一個gruntfile）我可以看到我的應用程序運行。

我可以看到我main.css文件的所有fontawesome類和裏面的引用鏈接到字體（../bower_components/font-awesome/fonts/fontawesome-webfont.eot）的位置。

一切似乎確定，但每當我使用一個FontAwesome圖標，例如<span class="fa-star"></span>我得到一個空方框而不是圖標。我失去了我看不到的東西...

來源

2014-04-15 Leonardo

FA不符合的工作你必須前綴fa： – pbenard

認真嗎？我花了24小時才知道我的愚蠢; @TheLittlePig如果你寫你的評論作爲答案，我會接受它 – Leonardo

或者我們可以刪除這個問題，因爲可能與涼亭無關 – Leonardo

<span class="fa-star"></span>

它什麼都不會做。

爲了使用字體真棒，你需要 '發' 的前綴類：

<span class="fa fa-star"></span>

來源

2014-04-15 11:25:02 pbenard

包括font-awesome通過Bower的bootstrap sass

回答

相關問題