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

前端之家收集整理的这篇文章主要介绍了ruby-on-rails – 无法用font-awesome覆盖bootstrap-sass的字体前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用bootstrap-sass和font-awesome( https://github.com/littlebtc/font-awesome-sass-rails)宝石.我想从font-awesome中覆盖bootstrap字体设置.

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

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

我已经完成了上述操作,但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";@H_301_5@ 
 

为什么?

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

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

原文链接:https://www.f2er.com/ruby/270604.html

猜你在找的Ruby相关文章