无法覆盖bootstrap-sass的字体与字体真棒

我正在使用bootstrap-sass和字体真棒（https://github.com/littlebtc/font-awesome-sass-rails）宝石。我想重写font-awesome的引导字体设置。无法覆盖bootstrap-sass的字体与字体真棒

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

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

我已经完成了上述操作，但是font-awesome的字体并未重写。我把我的项目推到github - https://github.com/murtaza52/rails-base。网址是本地主机上访问：3000 /职位

，我将不胜感激，如果有人能帮助我重写引导程序的默认字体与那些字体真棒的

来源

2012-08-02 murtaza52

外部CSS样式表为您的网页显示什么样的顺序？（查看要检查的页面的源代码。） – Ari 2012-08-02 14:05:37

它将所有东西编译成一个application.css。在application.css里面，它们包含在bootstrap的顺序中，然后是字体真棒样式。 – murtaza52 2012-08-03 05:28:49

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

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

... 

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

为什么？

你在上面移动import "font-awesome"，然后定义baseFontFamily，因为这是引导用来定义为font-family所有元素。在中间检查Typography and links块。如果在此之后import bootstrap，则默认使用FontAwesome。
您应该删除import "scaffolds";行，因为scaffolds.css.scss将重置您的字体家族为body元素，该元素将由每个其他元素继承。

如果你无法避免在引导前导入它。我希望有所帮助。

来源

2012-08-05 12:40:33

感谢您的回复。 – murtaza52 2012-08-22 05:57:37

这帮助我得到了FontAwesome 4（通过font-awesome-rails gem）来与bootstrap-sass-rails一起工作。谢谢 – kbjerring 2013-10-24 02:34:37

我不知道如果这能帮助你，但至少有些时候模板代码似乎有效，你需要用ctrl + shirt + r强制刷新浏览器才能看到更改（至少在mozilla中有效）。

来源

2012-08-02 20:57:23

对于那些你们使用引导3.2+（我猜）的，这里就是你可以修改SASS的变量列表：

https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss

在我们的例子中，我们要确保之前定义$font-family-base做@import "bootstrap"。

通过达到下面的行之前设置$font-family-base，自举使用我们$font-family-base代替（否则，则默认为$font-family-base-serif，在上面的variables.scss定义）。

$font-family-base: $font-family-sans-serif !default;

这是我application.css.sass看起来像

/* 
*= require_tree . 
*= require_self 
*/ 

@import "fonts" 
@import "compass" 
@import "bootstrap"

和我有在_fonts.css.sass（你不必把它在一个单独的文件）

以下

$font-family-sans-serif: 'Roboto', verdana, arial, sans-serif

来源

2014-08-01 12:03:48 Abdo

无法覆盖bootstrap-sass的字体与字体真棒

回答

相关问题