无法用font-awesome覆盖bootstrap-sass的字体

Question

我正在使用bootstrap-sass和font-awesome(https://github.com/littlebtc/font-awesome-sass-rails)宝石.我想从font-awesome中覆盖bootstrap字体设置.

从font-awesome的站点我可以覆盖bootstrap默认值,如果我只是在bootstrap导入后导入.

@import 'bootstrap';
@import 'font-awesome';

我已经完成了上述操作,但font-awesome的字体并没有覆盖.我已经把我的项目推到了github上 - https://github.com/murtaza52/rails-base.该URL可在localhost:3000/posts上访问

如果有人可以帮我翻译bootstraps的默认字体和font-awesome的字体,我将不胜感激

Answer 1

将您修改application.css.scss为如下所示

@import "font-awesome";
$baseFontFamily: 'FontAwesome';
@import "bootstrap";

...

@import "bootstrap-responsive";
//@import "scaffolds";
@import "posts";

为什么？

1. 您移动import "font-awesome"到顶部然后定义,baseFontFamily因为这是bootstrap用于定义font-family所有元素的内容.检查排版和中间的链接块.如果您import bootstrap在此之后,FontAwesome将默认使用.
2. 您应该删除import "scaffolds";行,因为scaffolds.css.scss将重置body元素的字体系列,该字符系列将由每个其他元素继承.

如果你无法避免在bootstrap之前导入它.我希望有所帮助.