title: Can't seem to change font type
body: <p>I have a couple of custom fonts in .otf files:</p>
  
  <p>My index.html file looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;My Website&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/style.css" &gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h3 style = "font-family: customBold;"&gt;Hello&lt;/h3&gt;
      &lt;h3 style = "font-family: customLight;"&gt;Hello&lt;/h3&gt;
      &lt;h3 style = "font-family: customRegular;"&gt;Hello&lt;/h3&gt;
      &lt;h3 style = "font-family: customThin;"&gt;Hello&lt;/h3&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My style.css looks like this</p>
  
  <pre><code>@font-face {
      font-family: customBold;
      src: url(fonts/Custom-Bold.otf);
  }
  
  @font-face {
      font-family: customLight;
      src: url(fonts/Custom-Light.otf);
  }
  
  @font-face {
      font-family: customRegular;
      src: url(fonts/Custom-Regular.otf);
  }
  
  @font-face {
      font-family: customThin;
      src: url(fonts/Custom-Thin.otf);
  }
  </code></pre>
  
  <p>However, the font does not change for the h3's.</p>
  
  <p>I followed this:</p>
  
  <p><a href="http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp" rel="nofollow">http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp</a></p>