<style type="text/css">
  body {font-family: verdana,arial, helvetica,sans-serif;}
  #varal-de-bits p {color: #86A63F}
  a {color: #86A63F}
  a:hover {color: #B7BFA7}
  p {letter-spacing:3px; }
</style>

<script type="text/javascript" src="cufon-yui.js"></script>

<script type="text/javascript">
  Cufon.replace('#varal-de-bits h2');
  Cufon.replace('#varal-de-bits p', { textShadow: '#000 1px 1px', hover: 'true'});
  Cufon.replace('strong');
</script>

<div id="varal-de-bits">
  <p>Chega de ficar usando flash ou imagem para colocar fontes diferentes em seu site.</p>
  <br />
  <p>
    Até em links com hover:
    <br />
    <br />
    <a href="http://www.varaldebits.com.br">Varal de Bits</a>
  </p>
</div>