ブートストラップ4で異なるフォントを使用するには？

Question

私は初心者です。私はどのようにでしょう

font-family: "Roboto", "Open Sans"; 

、私は例えば2つのフォントのペアリングでウェブサイトを構築しようとするかどうかを知りたい何

font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 

、私はこのデフォルトのようなブートストラップ4のための異なるフォントを割り当てることができます知っていますBootstrap 4の要素に影響を与えます。RobotまたはOpen Sansを取得する要素はどれですか。

Answer 1

これはどんな要素に割り当てられるあなたのスタイルにしようとしているので、例えば：

h1,h2,h3,h4,h5,h6 { 
font-family: "Roboto"; 
} 

これは、すべての見出しにRobotoを割り当てます...

Answer 2

あなたとブートストラップクラスをオーバーライドすることができますあなた自身のCSSルール。例えば

：また

p { 
    font-family: "Roboto", sans-serif; 
} 

Answer 3

、あなたはまた、各フォントが適用されるべきである段落に指定することができます

<p class="sentenceA">First Paragraph with Roboto font applied to it.</p> 
<p class="sentenceB">Second Paragraph with Open Sans font applied to it.</p> 
<p class="sentenceC">Third Paragraph with Roboto and Open Sans fonts applied to it.</p> 

//and in your stylesheet have something like:  

    .sentenceA p 
    { 
     font-family: "Roboto"; 
    } 

    .sentenceB p 
    { 
     font-family: "Open Sans"; 
    }   

    .sentenceC p 
    { 
     font-family: "Roboto", "Open Sans"; 
    } 

は、この情報がお役に立てば幸いです。