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

Question

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

从 font-awesome 的网站我可以覆盖 Bootstrap 默认值，如果我只是在 Bootstrap 的导入之后导入。

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

我已经完成了上述操作，但是 font-awesome 的字体并没有被覆盖。我已经在 github 上推送了我的项目 - https://github.com/murtaza52/rails-base .该网址可在 localhost:3000/posts 上访问

如果有人可以帮助我用 font-awesome 的字体覆盖 Bootstrap 的默认字体，我将不胜感激

Answer 1

修改您的application.css.scss看起来像下面

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

...

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

为什么？

你移动import "font-awesome"在顶部，然后定义 baseFontFamily因为这就是 bootstrap 用来定义 font-family对于所有元素。查看Typography and links挡在中间。如果您 import bootstrap在此之后，FontAwesome将默认使用。

您应该删除 import "scaffolds";行因为 scaffolds.css.scss将为 body 重置您的字体系列将被其他所有元素继承的元素。

如果您无法避免在 Bootstrap 之前导入它。我希望这会有所帮助。