2014-04-15 18 views
6

Zainstalowałem bootstrap-sass-official i font-awesome używając altany. Próbowałem wszystkich możliwych kombinacji, aby dołączyć fontawesome w bootstrapie za pomocą scss.Dołącz font-awesome w bootstrap sass przez Bower

Najbardziej prawdopodobnym rozwiązaniem jest określenie w mojej aplikacji main.scss pliku następujące:

$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'; 

I zakomentuj @import "bootstrap/glyphicons"; wewnątrz głównego bootstrap.scss pliku.

Jeśli uruchomię moją grunt serve pod http://localhost:9000/ (używam pliku gruntów z domyślnej aplikacji webowej), widzę, że działa moja aplikacja.

widzę mój plik main.css ze wszystkimi fontawesome klas i wewnątrz niego url odniesienia do lokalizacji czcionek (../bower_components/font-awesome/fonts/fontawesome-webfont.eot).

Wszystko wydaje się ok, ale za każdym razem, gdy używam ikony FontAwesome, na przykład <span class="fa-star"></span>, pojawia się puste kwadratowe pole zamiast ikony. Brakuje czegoś, czego nie widzę ...

+1

FA nie pracują z trzeba poprzedzić z fa: pbenard

+1

poważnie? Zajęło mi to 24 godziny, aby zdać sobie sprawę z mojej głupoty;) @ TheLittlePig, jeśli napiszesz swój komentarz jako odpowiedź, zaakceptuję to. – Leonardo

+0

Albo możemy usunąć pytanie, ponieważ być może nie ma to nic wspólnego z altaną – Leonardo

Odpowiedz

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

Nic nie da.

W celu użycia czcionki niesamowite, trzeba poprzedzić klasę 'fa':

<span class="fa fa-star"></span> 
Powiązane problemy