2012-12-11 3 views
7

私はGoogleのウェブフォントを使用しようとしています。レンダリングは、ブートストラップを使用してGoogleのウェブフォントを開きませんか?

私はフォントをロードしている:私はブートストラップの後にロードし、サイトspecific.cssを持って

.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; 
} 

しかし、関係なく、フォントがレンダリングされないとブートストラップのフォントではなく継承されているもの、クラスセレクタ、私が使用して、ということらしい:

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

ともを:私が試しました。私はこれをデバッグする方法がわかりません。あなたはブートストラップの中核ファイルが変更されていない提供

+0

ブートストラップをカスタマイズしてみませんか? – SLaks

答えて

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 
} 
+0

!importantはレンダリングされた出力に何の影響も与えませんでした。 –

9

、私は自分自身でこれを容易にし、彼らの「カスタマイズ」機能を使用します。フォント名を入れた後に再ダウンロードし、既存のブートストラップファイルを新しいものに置き換えてください。

あなたがそれをここにカスタマイズすることができます。このことを行う

http://getbootstrap.com/customize/

を少なくともあなたが何かを逃してはいけないことを保証します...としてください上で示唆したように、あなたがない限り(!importantを使用しないよう本当にが必要です)。 希望することができますか?

+1

私はダウンロードする前に、カスタマイズページの@sansFontFamilyボックスに 'Open Sans'を挿入してください。ドキュメントの先頭にgoogle webfonts apiからのリンクを含めることを忘れないでください。 – Pevara

+1

私はブートストラップCDNからブートストラップを使用しています。私はこの方法を試してみます。私は、上書きされた継承されたフォントスタイルがなぜそんなに難しいように見えるのか分かりません。 –

+4

これはあなたのためにできましたか?あなたは正しい答えを受け入れることを考えましたか?これは、将来類似した問題を持つ他の人を助けるでしょう。ありがとう。 –

関連する問題