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

发布时间：2020-12-16 19:18:13 所属栏目：百科来源：网络整理

导读：我正在使用bootstrap-sass和font-awesome( https://github.com/littlebtc/font-awesome-sass-rails)宝石.我想从font-awesome中覆盖bootstrap字体设置. 从font-awesome的站点我可以覆盖bootstrap默认值,如果我只是在bootstrap导入后导入. @import 'bootstrap'

我正在使用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.该网址可在localhost：3000 /帖子上访问

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

解决方法

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

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

...

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

为什么？

>您在顶部移动导入“font-awesome”然后定义baseFontFamily,因为这是bootstrap用于为所有元素定义font-family的内容.检查中间的Typography and links块.如果在此之后导入引导程序,默认情况下将使用FontAwesome.
>你应该删除导入“脚手架”; line因为scaffolds.css.scss将重置body元素的字体系列,它将被其他所有元素继承.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!