Cufon para usar qualquer tipo de font na web

Eu nunca tinha usado na substituição de fontes Cufon até algumas semanas atrás, quando eu estava vasculhando um código que outro designer tinha escrito e percebi que ele estava usando Cufon. Aqui está como usar Cufon para tornar a fonte de junção de todos os seus cabeçalhos.

Gerar a fonte

primeiro de tudo você precisa ter paciencia aqui e converter a sua fonte pronta para Cufon. Há uma abundância de opções na web para ajustar a forma como a fonte, e também já existe sites distribuindo as fontes convertidas para Cufon.

• Visite o gerador online em http://cufon.shoqolate.com/generate/
• Site de download que oferece fontes convertidas para Cufon http://www.cufonfonts.com/
• Github da fonte Cufon https://github.com/sorccu/cufon/wiki/about

Inclua o JavaScript

Depois de ter sua fonte convertida no formato Cufon você precisa incluir o arquivo JavaScript Cufon que você pode encontrar ao clicar aqui, assim como o arquivo de fonte que você converteu acima.

<script type="text/javascript" src="cufon.js"></script>
 <script type="text/javascript" src="junction_400.font.js"></script>

Especificando os elementos que terão suas fontes trocadas pelo Cufon

Cufon.replace('h1, h2, h3', { fontFamily: 'Junction' });

Referências:

http://cufon.shoqolate.com

Até a próxima!