2014-04-15 1 views
6

Ho installato bootstrap-sass-official e font-awesome utilizzando bower. Ho provato tutte le combinazioni possibili per includere fontawesome in bootstrap usando scss.Include font-awesome in bootstrap sass via Bower

La soluzione più probabile è specificare nel file di di mia app main.scss il seguente:

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

E per commentare la @import "bootstrap/glyphicons"; all'interno del file principale bootstrap.scss.

Se lancio il mio grunt serve allo http://localhost:9000/ (sto utilizzando un gruntfile dalla webapp predefinita di yeoman) Posso vedere la mia app in esecuzione.

posso vedere il mio file main.css con tutti i fontawesome classi e al suo interno l'url di riferimento alla posizione dei font (../bower_components/font-awesome/fonts/fontawesome-webfont.eot).

Tutto sembra ok ma ogni volta che utilizzo un'icona FontAwesome, ad esempio <span class="fa-star"></span>, ottengo una casella quadrata vuota anziché l'icona. Mi manca qualcosa che non riesco a vedere ...

+1

FA non funzionano con bisogna prefisso con fa: pbenard

+1

sul serio? Mi ci sono voluti 24 ore per rendermi conto della mia stupidità;) @TheLittlePig se scrivi il tuo commento come risposta lo accetterò – Leonardo

+0

Oppure possiamo cancellare la domanda perché forse non ha nulla a che fare con il pergolato – Leonardo

risposta

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

Non farà nulla.

Per poter utilizzare font impressionante, è necessario anteporre la classe da 'fa':

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