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.
bom.
Postar um comentário