title: How to use different fonts in Bootstrap 4?
body: <p>I'm a newbie.  I know I can assign different fonts for Bootstrap 4 like this default,</p>
  
  <pre><code>font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  </code></pre>
  
  <p>What I want to know if I try to build a website with two font pairing for example,</p>
  
  <pre><code>font-family: "Roboto", "Open Sans";
  </code></pre>
  
  <p>How would the above code affect elements of Bootstrap 4. Which elements will get Roboto or Open Sans.</p>