我正在使用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之前导入它.我希望有所帮助.