8

ブートストラップで 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;
}

しかし、どのクラス セレクターを使用しても、フォントはレンダリングされず、代わりにブートストラップ フォントが継承されるようです。これをデバッグする方法がわかりません。

4

2 に答える 2

9

Bootstrap のコア ファイルを変更していない場合は、自分でこれを簡単にして、「カスタマイズ」機能を使用します。フォント名を配置した後に再ダウンロードし、既存のブートストラップ ファイルを新しいものに置き換えます。

ここでカスタマイズできます：

http://getbootstrap.com/customize/

これを行うことで、少なくとも何かを見逃さないようにすることができます...そして、!important上で提案したように使用しないでください(本当に必要な場合を除きます)。それが役立つことを願っていますか？

于 2012-12-11T17:37:12.913 に答える
4

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
}
于 2012-12-11T17:32:29.807 に答える