Fontes no CSS com @font-face

Deixe um comentário

fevereiro 1, 2011 por Geisimar Rech

O primeiro post no blog gostaria de tratar de assuntos que convivo atualmente.

Um deles que precisei fazer nesses dias foi importar fontes para o css, de forma que suas fontes possam ser visualizadas em qualquer navegador mesmo que o usuário que esta acessando não tenha a fonte instalada.

Vou citar uma aplicação muito util para fazer esse trabalho sem muito esforço.

http://www.fontsquirrel.com/fontface/generator

Primeiro você escolhe a fonte que vai usar em seu projeto, faça o upload da mesma clicando no botão (Add Fonts), escolha quantas precisar. Logo marque a opção BASIC e concorde que as fontes usadas são  LEGAIS. Clique para fazer o download.

Ao baixar o arquivo zip, você encontrará alguns arquivos:

As fontes ja convertidas nos formatos necessários, como: TTF, EOT (Internet Explorer);
Um exemplo no formato HTML;
O CSS que esta pronto para uso, não esqueça de apontar o caminho correto das fontes em seu servidor.

Espero que seja util este post.
Abraços

Não se preocupe com algum erro de portugues, é o primeiro post 🙂

 

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: