Fork me on GitHub
Você esta em:Home » Dicas e Tutoriais » Cufon para usar qualquer tipo de font na web

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.

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!

Sobre o Autor

Designer, Web Developer & Linux Administrator

Meu nome é Deivison Arthur, tenho 29 anos, sou Administrador Linux, Analista de Sistema, Webdesigner e Pesquisador. há mais de dez anos. Nasci no Rio de Janeiro, atualmente trabalho como Gerente de Tecnologia e E-commerce at Grupo FFernandes e Freelancer nas horas vagas. Desenvolvimento em Joomla, Wordpress, Drupal, Magento e outros GPLs...

Quantidade de Artigos : 114

Comentários (1)

  • Thiago

    Olá Deivison,

    Como ficaria a linha abaixo se eu quisesse adicionar mais uma propriedade, por exemplo: color: #ff0000

    Cufon.replace(‘h1, h2, h3′, { fontFamily: ‘Junction’ });

    Obrigado!

    Responder

Enviar Comentário

© 2012 Powered By Wordpress, Deivison Arthur

Ir para cima