title: How to add fonts to classes
body: <p>Hey can anyone fill me in on how to add fonts to HTML classes? I was watching a tutorial and that part skipped and I'm confused exactly what he did. There was a box class with different elements in it and he was trying to add font styling before it skipped.</p>
  
  <p>This is the HTML and CSS, excluding the <code>&lt;head&gt;</code> and <code>&lt;body&gt;</code> tags:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.body {
    Background-color: red;
  }
  
  .box {
    Width: 174px;
    Height: 250px;
    Background: yellow;
    Width: 25px Padding:20px;
  }
  
  .true {
    Background-color: brown;
  }
  
  .true2 {
    Background-color: green
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;Div class="box true"&gt; this is an example&lt;/Div&gt;
  &lt;Div class="box true2&gt; parenthesis&lt;/Div&gt;</code></pre>
  </div>
  </div>
  </p>