0

Ich bin ein Neuling. Ich weiß, dass ich verschiedene Schriftarten für Bootstrap 4 gefällt dieser Standard zuweisen kann,Wie verwendet man verschiedene Schriftarten in Bootstrap 4?

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

Was ich möchte wissen, ob ich versuche, eine Website mit zwei Schrift Paarung zum Beispiel zu bauen,

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

Wie würde die über Code beeinflussen Elemente von Bootstrap 4. Welche Elemente erhalten Roboto oder Open Sans.

+0

Hängt davon ab, welcher Klasse oder wem Sie diese neue Schriftfamilie zuweisen. Ordnen Sie es h1 zu? p? *? Wie sehen die Zeilen vor der Font-Familie aus? –

+0

@Jack Ich denke, du meinst, ich muss sie für jedes Element von Bootstrap nach Bedarf zuweisen, sonst sind sie standardmäßig Roboto für das obige Beispiel? – CodeMan

+0

Siehe die Antworten unten. Sie klären auf, was ich damit meine. –

Antwort

1

Dies würde zugeordnet werden, was auch immer Element, das Sie Stil versuchen, so zum Beispiel:

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

Diese Roboto zu allen Rubriken zuordnen würde ...

1

Sie können mit den Bootstrap-Klassen außer Kraft setzen Deine eigenen CSS-Regeln.

Zum Beispiel:

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

Darüber hinaus können Sie auch angeben, für die Absätze jede Schriftart angewendet werden sollte:

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

Hoffnung, das hilft.

Verwandte Themen