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 ...
FA non funzionano con bisogna prefisso con fa: – pbenard
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
Oppure possiamo cancellare la domanda perché forse non ha nulla a che fare con il pergolato – Leonardo