Ao criarmos um artigo para nosso blog, as opções de fontes são limitadas e se resumem em: Arial, Courier, Georgia, Helvetica, Trebuchet, Verdana,Times New Roman. E pensando nisso, quero compartilhar com vocês, através desse tutorial, como usar fontes difentes em seu blog. 


Siga as instruções descritas abaixo

Escolha um fonte para seu blog acessando: Google Web Fonts 

Escolha a Fonte Desejada e Clique em Quick-use




Você será direcionado a outra página. Role a página até encontrar este trecho.



Entre no seu Blogger vá em Modelo > Editar HTML > Dê CTRL+F > Procure pela tag <head> e cole o código acima desta tag. E faça uma pequena alteração no código.

O código que você copiou do site está assim:

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

Acrescente a / antes de

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


Feito isso, volte ao site, e role a página, e mais abaixo você encontrará o nome da fonte.



Para mudar a fonte do título dos posts

Vá em Modelo > Editar HTML > Dê CTRL+F e procure por

.post h3 { e se você usa os novos modelos para blog procure por: h3.post-title { 
ou você pode encontrar a linha .post-title {

Feito isso, adicione font-family: 'Antic Didone', serif; conforme a imagem acima, na frente da chave { . Veja o Exemplo:


h3.post-title {
margin-top: 10px;
text-align:center;
border-bottom: 1px dotted #eee;
}
h3.post-title a {
font-family: 'Antic Didone', serif;color: #000000;
font-size: 28px;
text-transform: uppercase;
}h3.post-title a:hover {
text-transform: uppercase;

}

Troque a parte em vermelho, pelo do site.

Mudar a Fonte do Título do Blog

Repita o mesmo procedimento descrito acima, porém encontre a linha de comando do título do blog:

#header h1 {font-family: 'Oregano', cursive; Outros comandos... fecha chave}

Mudar a Fonte do Título das Gadgets

.sidebar h2 {font-family: 'Oregano', cursive;Outros comandos... fecha chave}

Mudar a fonte do Blog todo, colocando a font-family no comando:

body {font-family: 'Oregano', cursive;Outros comandos... fecha chave}

Uma pequena observação

Cuidado, com o excesso de fontes no seu blog. Apesar de ser tentador, escolha a fonte 
que você irá usar, evitando lentidão na sua página. 
Muitas fontes no seu blog, fará com que demore mais para carregar, e isso não é muito 
bom.

Comentários

Postagem Anterior Próxima Postagem