Twitter bootstrap 通过Bower在引导sass中包含字体awesome_Twitter Bootstrap_Font Awesome

Twitter bootstrap 通过Bower在引导sass中包含字体awesome

twitter-bootstrap

Twitter bootstrap 通过Bower在引导sass中包含字体awesome,twitter-bootstrap,font-awesome,Twitter Bootstrap,Font Awesome,我已经使用bower安装了bootstrap sass-official和font-awesome。我已经尝试了所有可能的组合，以在使用SCS的引导中包括fontawesome 最可能的解决方案是在我的应用程序的main.scss文件中指定以下内容： $fa-font-path: "../bower_components/font-awesome/fonts"; @import "font-awesome/scss/font-awesome"; @import '../../bower_comp

我已经使用bower安装了

bootstrap sass-official

和

font-awesome

。我已经尝试了所有可能的组合，以在使用SCS的引导中包括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
文件中
如果我在http://localhost:9000/
（我正在使用默认yeoman Web应用程序中的Grunfile）我可以看到我的应用程序正在运行
我可以看到我的main.css
文件，其中包含所有fontawesome类，以及指向字体位置的参考url（。/bower\u components/font awesome/font/fontawesome webfont.eot
）
一切似乎都正常，但每当我使用图标时，例如
，我会得到一个空的方形框，而不是图标。我遗漏了一些我看不见的东西…

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


它不会做任何事
为了使用Font awesome，您需要在类前面加上'fa'：
<span class="fa fa-star"></span> 


FA不与您一起工作您必须以FA为前缀：真的吗？我花了24小时才意识到自己的愚蠢；）@如果你写下你的评论作为回答，我会接受，或者我们可以删除这个问题，因为可能与鲍尔没有任何关系。你的标签已经被清除了。希望它现在起作用了