title: How do I apply CSS style to ASCII character
body: <p>I'd like to reduce the weight of a my ascii degree character <code>&amp;deg;</code> in my html document.  Does anybody know how?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;
              &lt;div style="position:absolute; top: 70; right: 0;"&gt;
                      72
                      &lt;span&gt;&amp;deg;&lt;/span&gt;
                      F
              &lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>body {
      height: 100%;
      font-weight: 400;
      color: white;
      background-color: #000000;
      overflow: hidden;
  }
  
  div{
  font-size: 80px;
  margin: 2px;
  padding: 2px;
  }
  
  @font-face {
      font-family: aFont;
      src: url(ostrich-rounded-webfont.ttf);
  }
  
  .fontclass{
      font-family: aFont, Helvetica;
      color: #FFFFFF;
   }
  
  a:link {
  text-decoration: none;
  }
  
  a:visited {
  text-decoration: none;
  }
  
  a:hover {
   text-decoration: none;
  }
  
  a:active {
   text-decoration: none;
  }
  
  div span{
      font-weight:1;
      font-size:1px;
  }
  </code></pre>