Fontes diferenciadas no seu blog
http://alucinometro.blogspot.com/2011/11/fontes-diferenciadas-no-seu-blog.html
Antes do tuto gostaria de deixar um aviso: a coluna By Michelle mudou de data e irá ser publicada a partir de agora aos sábados sempre buscando o melhor pra você leitor
P.S.: NUNCA se esqueça de fazer um backup do seu modelo antes de realizar alterações para evitar perdas totais
Vamos ao tutorial
( clique nas imagens para ampliar )
1. Vá até o Google Web Fonts
2. Escolha a fonte que quiser e escolha Quick-use
3. Na página para onde você será levado existirá um código que você deverá copiar, como na imagem abaixo
4. Não feche esta página ainda. Vá até o html do seu blog e adicione o código copiado antes de <head>
Mas ATENÇÃO, você deverá adicionar / antes de > para que o código seja aceito.
Exemplo:
<link href='http://fonts.googleapis.com/css?family=Atomic+Age'
rel='stylesheet' type='text/css'/>
5. O código que você deve ter visto no Web Fonts abaixo do que foi copiado serve para indicar onde a fonte deverá ser utilizada. Por exemplo, para aplicar a fonte somente no título do post procure por post h3 ou title, em todos se houver repetição. Se quiser mudar o título do seu blog procure por header h1.
Você deverá colocar o código que copiou agora seguido ou precedido do nome da fonte, como no exemplo abaixo
font: Atomic Age;
font-family: 'Atomic Age', cursive;
P.S.: É possível utilizar diversas fontes no mesmo blog, basta seguir os mesmos procedimentos.
Espero ter ajudado, qualquer dúvida fala aí que eu ajudo.
Até a próxima!
