ブートストラップにSassに2つのフォントがあるのはなぜですか？

Question

私はブートストラップSASSでデフォルトのフォントを変更することがちょうど約だったと私はこれを見つけた：

//== Typography 
// 
//## Font, line-height, and color for body text, headings, and more. 

$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default; 
$font-family-serif:  Georgia, "Times New Roman", Times, serif !default; 

この文脈でのサンセリフとセリフの違いは何ですか？私のページを調べると、すべてのフォントがHelvetica Neueだからです。

私が見ているすべてがHelvetica Neueが使用されている場合、セリフ/ジョージアはどのように利用されていますか？

Answer 1

これらは、フォントのbaseスタイルを変更して、serifまたはsans-serifが必要な場合にのみ使用できます。彼らは、次の操作を行います。

$のfont-family-サンセリフ：

は、3つのベーススタイル作成！ "ヘルベチカノイエ"、ヘルベチカ、ゴシック、サンセリフ体のデフォルトを、
$ font-family-serif：Georgia、 "Times New Roman"、Times、serif！default;
$ font-family-monospace：Menlo、Monaco、Consolas、 "Courier New"、モノスペース！デフォルト; ！

$フォントファミリベース：

はその後、ベースVARにsans-serifを設定$のfont-family-サンセリフ体デフォルト;

ため、すべての文書bodyのフォントファミリーを定義するために、その基地を使用：あなたがテーマをカスタマイズしたい場合は

body { 
    font-family: $font-family-base; 
    font-size: $font-size-base; 
    line-height: $line-height-base; 
    color: $text-color; 
    background-color: $body-bg; 
} 

---

他のオプションがありますすべての文書をserifまたはmonospaceにすばやく変更します。