Helena
Vaga
Vaga
Vaga

4.5.13

Tutorial: Qualquer fonte no blog

| |

Bom dia, e bom sábado leitores!

Hoje vou ensinar vocês a usarem outras fontes no blog, além daquelas que estão disponíveis no Designer do modelo. Esse tutorial é bem útil, e simples, é só prestarem atenção.
Se quiserem aprender, já sabem onde clicar.


Bom, primeiro acesse o site  http://www.google.com/fonts/ lá vocês podem encontrar mais de 620 fontes diferentes e bonitas para seu blog.
Vá procurando sua fonte, e quando encontrar uma que goste cliquem em Quick-Use
xx
 Vai abrir uma página. Vá descendo até encontrar esta parte -número 3- E copie código:



xx
Agora vá no HTML do seu blog aperte CTRL+F e digite <head>
Abaixo dele cole o código da sua fonte. Porém antes do > coloque uma / ficará assim:

<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'/>

Clique em salvar.
Agora se você quiser personalizar o título do post é só procurar por
h3.post-title a {
Abaixo dele você vai encontrar
font: $(post.title.font); 
color: $(post.title.text.color);
Apague e cole
font-family: NOME DA SUA FONTE; 
color: #CÓDIGO DA COR;
E se quiserem personalizar o título da sidebar, procure por  h2 { 
E apague:
font: $(widget.title.font); 
color: $(widget.title.text.color);
E coloque no lugar, o mesmo código que passei para o post. É só colocar o nome da fonte, e o código da cor. Podem encontrar algumas aqui >www<
E se quiserem colocar outras fontes, é só repetir o processo, coloque quantas fontes quiser no seu blog!
Espero que tenham gostado!

Beijos,


Nenhum comentário:

Postar um comentário