25 de jul. de 2011

Usando as Fontes do Google em seu Site ou Blog

O Google lançou recentemente um serviço que oferece novas fontes de texto para o seu blog, são fontes bonitas e muito elegantes. Você pode usa-lás em qualquer site de forma gratuita, bastando apenas algumas alterações no HTML. Olhe abaixo um exemplo de fonte que você pode usar:  




Teste de Fonte
Veja abaixo como fazer.

Escolhendo a Fonte

1) Acesse o site Google Web Fonts Directory
2) Escolha uma das fontes que o site oferece. E clique nela.
3) Na página seguinte você deverá clicar em Get the code


4) Copie o primeiro código que aparecer, será parecido com o seguinte:
<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'> Obs: Guarde o nome em vermelho para que possamos usar nos passos seguintes.
5) Acesse o painel do Blogger(blogger.com)
6) Vá em “Layout/Design”->“Editar HTML”-> Procure pelo seguinte código utilizando as teclas CTRL e F:
</head> Agora antes do código acima insira o código obtido no passo 4
7) Salve as alterações.
8) Agora vá em “Postagem”-> “Nova Postagem”-> “Editar HTML” e insira o seguinte:
<span style="font-family: Cantarell; font-size: 24px;">Texto desejado</span> O nome em vermelho é o que foi dito na observação do passo 4, e em verde é o tamanho do texto, em azul o texto que você quer que apareça com a fonte escolhida.

Fonte: http://www.noticiaeblog.com

0 comentários:

Postar um comentário

Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.