Hoje vou ensinar vocês a como usar fontes diferentes no seu blog, sem ser aquelas disponiveis no designer de modelo.
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.
Vá nesse site: http://www.google.com/webfonts Escolha a fonte de sua preferência, no exemplo eu escolhi a fonte Yellowtail. Clique em quick use:
Na página que aparecer, vá descendo até achar essa parte:
Copie o código, vá no HTML do seu blog, procure por <head> e cole o código logo abaixo. 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'/>
Agora apague essa parte do código que fica logo após o nome da fonte: &v2 Seu código vai ficar mais ou menos assim:<link href='http://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'/>
Salve seu HTML mas não feche a página. Agora vamos aplicar a fonte no blog. Se quiser usar a fonte no título do blog procure por:h3.post-title a {
Logo abaixo desse código, você vai ver isso:font: $(post.title.font);
color: $(post.title.text.color);
Substitua esse código por esse abaixo, substituindo onde se pede:font-family: Nome da sua fonte;
color: #código da cor;
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);
Cole no lugar o mesmo código que eu passe antes e substitua o que se pede ^^Espero ter ajudado gente! Kissus
Nenhum comentário:
Postar um comentário