css - 使用引导程序渲染开放的无谷歌网络字体？

Question

我正在尝试使用带有引导程序的 google web fonts open sans。

我正在加载字体：

我有一个在引导后加载的 site-specific.css。我试过了：

.body { font-family: 'Open Sans', sans-serif;}

并且：

.bootstrap-container *,    
.bootstrap-container body, 
.bootstrap-container td, 
.bootstrap-container tr, 
.bootstrap-container div, 
.bootstrap-container p, 
.bootstrap-container form, 
.bootstrap-container input, 
.bootstrap-container select, 
.bootstrap-container textarea, 
.bootstrap-container font {
font-family: 'Open Sans', sans-serif;
}

但似乎无论我使用什么类选择器，字体都不会呈现，而是继承了引导字体。我不确定如何调试它。

Answer 1

如果您没有更改 Bootstrap 的核心文件，我会让您自己更轻松地使用它们的“自定义”功能。放入字体名称后重新下载它，并用新的引导文件替换现有的引导文件。

您可以在此处对其进行自定义：

http://getbootstrap.com/customize/

这样做至少可以确保你不会错过任何东西......并且请避免!important按照上面的建议使用（除非你真的需要）。希望有帮助吗？

Answer 2

使用 CSS!important

.bootstrap-container *,    
.bootstrap-container body, 
.bootstrap-container td, 
.bootstrap-container tr, 
.bootstrap-container div, 
.bootstrap-container p, 
.bootstrap-container form, 
.bootstrap-container input, 
.bootstrap-container select, 
.bootstrap-container textarea, 
.bootstrap-container font {
font-family: 'Open Sans', sans-serif !important; <-------- Here
}