27 de novembro de 2014

Fontes personalizadas (google web fonts)


Pode ser usado no blogger ou tumblr.



Primeiramente entre no site do Google Web Fonts {clica}
Agora vá olhando as fontes e escolha a que você gostou. Assim que escolher, clique no botão "Quick-Use" referente a fonte que gostou. Exemplo (clica na imagem para ver-lá maior):
image

Bom, depois que clicar nesse botão irá aparecer uma nova janela, desça a página e verá essas informações, veja (clica na imagem para ver-lá maior):
image

Bom, o primeiro link que aparecer "<link (...)type='text/css'>", você ira adicionar depois de <head> ou antes de </head>, é o código que aparece na caixa azul, mostrado na imagem acima.

Depois você pega o nome da font (que aparece no número 4. da foto acima) e adicione  na class que você deseja colocar aquela fonte. Caso não saiba do que estou falando veja:

.fontbyga{
font-family: 'NOME-DA-FONTE-QUE-APARECEU-AI', cursive;
font-size: TAMANHO-DA-FONTEpx;
line-height: DISTANCIA-DA-FONTE-EM-RELACAO-A-ALTURApx;
color: #COR-DA-FONTE;
background-color: #-COR-DO-FUNDO;
}

Prontinho. Comenta ai se lhe foi útil.

0 comentários :

Postar um comentário