css - Twitter Bootstrap - セリフ フォントを使用する

Question

サイトのデザインに Twitter Bootstrap を使用していますが、すべての表示フォントで (デフォルトのサンセリフではなく) セリフを使用したいと考えています。LESS 経由で再コンパイルせずにこれを行う方法はありますか? この基本的なことのためにLESSを学ぶことは本当に避けたいです。

Answer 1

bootstrap.css を変更してもかまわない場合は、以下で検索と置換を行います。

"Helvetica Neue", Helvetica, Arial, sans-serif;

と置換する：

Georgia, "Times New Roman", Times, serif;

それをしたくない場合は、このコードをカスタム CSS に追加して Bootstrap をオーバーライドします。

body,
input,
button,
select,
textarea,
.navbar-search .search-query {
  font-family: Georgia, "Times New Roman", Times, serif;
}

Answer 2

LESS 変数を変更する必要があります。@baseFontFamilyデフォルト値は@sansFontFamilyに設定するだけ@serifFontFamilyです。
LESS を使用したくない場合でも、 docsのCustomizeメニューでこれらの変数を変更できます。

Answer 3

そこにもヘッダーを追加することをお勧めします...

    body,
    h1,h2,h3,h4,h5,h6,
    input,
    button,
    select,
    textarea,
    .navbar-search .search-query {
      font-family: Georgia, "Times New Roman", Times, serif;
      font-size: 2.2em;
    }

Answer 4

Bootstrap by CDN を使用しているか、ダウンロードしたかによって異なります。ダウンロードした場合は、次のいずれboostrap.cssかを持っている必要がありboostrap.min.css ます。

    /*some element*/{
        font-family: /*some font names*/
    }      

必要なフォントに置き換えるだけです。とても簡単です。