通过Bower在bootstrap sass中包含font-awesome

Question

我已经安装bootstrap-sass-official并font-awesome使用了凉亭.我已经尝试了所有可能的组合,使用scss在bootstrap中包含fontawesome.

最可能的解决方案是在我的应用程序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类中看到我的文件,并在其中查看fonts(../bower_components/font-awesome/fonts/fontawesome-webfont.eot)位置的引用URL .

一切似乎都没问题,但每当我使用FontAwesome图标时,例如<span class="fa-star"></span>我得到一个空的方框而不是图标.我错过了一些我看不到的东西......

Answer 1

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

它不会做任何事情。

为了使用 Font Awesome，您需要在类前面加上 'fa' 前缀：

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