title: How to add "Ubuntu Font Family" to my site using CSS?
body: <p>How do I add the Ubuntu Font Family in CSS editor for my site? Here's what I have for my font and header already, but  don't want the current font I have, I want Ubuntu Font. </p>
  
  <pre><code>/* ##### Common Styles ##### */
  
  body {
    color: black;
    background-color: white;
    font-family: "times new roman", times, roman, serif;
    font-size: 12pt;
    margin: 0;
    padding: 0;
  }
  
  acronym, .titleTip {
    font-style: italic;
    border-bottom: none;
  }
  </code></pre>
  
  <p>or</p>
  
  <pre><code>/* ##### Header ##### */
  
  #header {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid black;
  }
  
  .headerTitle {
    font-size: 200%;
    margin: 0;
    padding: 0 0 0.5ex 0;
  }
  
  .headerTitle a {
    color: black;
    background-color: transparent;
    font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
    font-weight: normal;
    text-decoration: none;
  }
  
  .subHeader {
    display: none;
  }
  
  
  /* ##### Side Bars ##### */
  
  #side-bar {
    display: none;
  }
  
  
  /* ##### Main Copy ##### */
  
  #main-copy {
    text-align: justify;
    margin: 0;
    padding: 0;
  }
  
  #main-copy h1 {
    font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
    font-size: 120%;
    margin: 2ex 0 1ex 0;
    padding: 0;
  </code></pre>
  
  <p>Where do I add Ubuntu Font Family? And did I insert the wrong code to help you, help me?</p>