Fontes difetentes no seu blog

|
Oi gente, primeiramente, quero agradecer muito pelos mil seguidores alcançados! Estou muito orgulhosa e muito agradecida!

Hoje vou ensinar vocês a como usar fontes diferentes no seu blog, sem ser aquelas disponiveis no designer de modelo.
image

No Google Web fonts, estão disponíveis mais de 200 fontes para você personalizar seu blog. Não é difícil usá-las, basta entender um pouco de CSS e prestar atenção no tutorial.



1as12 Vá nesse site: http://www.google.com/webfonts
1as12 Escolha a fonte de sua preferência, no exemplo eu escolhi a fonte Yellowtail. Clique em quick use:
image

1as12 Na página que aparecer, vá descendo até achar essa parte:
image

1as12 Copie o código, vá no HTML do seu blog, procure por <head> e cole o código logo abaixo.
1as12 Para esse código funcionar, são necessárias algumas modificações. Primeiro adicone uma barra antes do >. Deve ficar assim:

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


1as12 Agora apague essa parte do código que fica logo após o nome da fonte: &v2
1as12 Seu código vai ficar mais ou menos assim:

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


1as12 Salve seu HTML mas não feche a página. Agora vamos aplicar a fonte no blog.
1as12 Se quiser usar a fonte no título do blog procure por:

h3.post-title a {


1as12 Logo abaixo desse código, você vai ver isso:

font: $(post.title.font);
color: $(post.title.text.color);



1as12 Substitua esse código por esse abaixo, substituindo onde se pede:

font-family: Nome da sua fonte;
color: #código da cor;



1as12 Agora, se quiser mudar a fonte dos títulos da sidebar, procure por h2 { e apague o código abaixo:

font: $(widget.title.font);
color: $(widget.title.text.color);



1as12 Cole no lugar o mesmo código que eu passe antes e substitua o que se pede ^^

Espero ter ajudado gente! Kissus
sing-liah
Related Posts Plugin for WordPress, Blogger...