title: How to Change Font-family using JQuery's .css() function?
body: <p>I have already looked <a href="https://stackoverflow.com/questions/7654708/jquery-changing-font-family-and-font-size">here</a> and I used what was given there to the best of my ability, but it really doesn't help.</p>
  
  <p>I tried <a href="https://stackoverflow.com/questions/11903492/jquery-css-font-family-not-working-with-quotes">this</a>, but it didn't help either.</p>
  
  <p>Here is my JQuery (not finished with cases, but the case I have is the one I need it for):</p>
  
  <pre><code>$(document).ready(function(){
      $("#sub").click(function(){
      var initial = $('#name').val().substr(0, 1);
      var name = $('#name').val();
          switch(initial) {
              case "K":
              $("body").css("background-image", "url(background2.png)");
              $("div").css("background-color", "#eee5e5");
              $(".img").css("display", "none");
              $(".me").css("padding-top", "100px");
              $(".me").css("padding-bottom", "100px");
              $(".me").css("color", "#570000");
              $("p").css("font-family", "rebel");
              $("a").css("font-family", "rebel");
              $("#h1").css("font-family", "highway");
              break;
          }
      });
  });
  </code></pre>
  
  <p>My #h1 in CSS (my p and a tags don't have css already):</p>
  
  <pre><code>#h1{
      background-color:#ef6d3a;
      border-style:solid;
      border-color:white;
      border-width:3px;
      font-family:hobo;
      margin-top:10px;
      margin-bottom:0px;
      width:1224px;
      right: 10;
  }
  </code></pre>
  
  <p>And my imported fonts:</p>
  
  <pre><code>@font-face{
      font-family:peignot;
      src:url(peignot.ttf);
  }
      @font-face{
      font-family:binner;
      src:url(ufonts.com_binner.ttf);
  }
      @font-face{
      font-family:rebel;
      src:url(rb.ttf);
  }
  @font-face{
      font-family:highway;
      src:url(hth.ttf);
  }
  @font-face{
      font-family:hobo;
      src:url(ufonts.com_hobo.ttf);
  }
  </code></pre>
  
  <p>Whenever I run the function, everything but the font changes. What am I doing wrong, and what do I need to do?</p>