Como Mudar e Utilizar Fontes no Blogger

Como Mudar e Utilizar Fontes no Blogger
Escolha entre vários estilos e personalize os textos de seu blog com as mais diferentes formas de fontes possíveis.

Todos os dias vários internautas navegam pelas mais diferentes páginas em busca de algo padrão, “conteúdo”. Com a diversidade de gostos esses conteúdos podem variar de imagens, vídeos, porém os mais encontrados nos sites são textos.

Como nesse momento em que você está lendo esse artigo, os visitantes de seu blog também estão lendo seus artigos em busca de algo do próprio interesse e o estilo da fonte pode contar muito a favor ou possivelmente “estragar” o texto escrito. Entretanto, em alguns tipos de blogs e sites um tipo de fonte mais “extravagante” pode ser necessário para adequar ao tema proposto ou em alguns casos pelos gostos do autor do blog em questão.


Como Modificar a fonte do blog


Nesse artigo trazemos mais uma facilidade comumente utilizada na Plataforma Blogger, a utilização e modificação das fontes dos textos. Seja para deixar com estilo “comportado”, seja um “exótico”, as diversas opções de fontes são facilmente adicionadas as páginas com pequenas alterações. Para encontrar o estilo desejado é também muito simples, e é isso que mostraremos em nosso tutorial que você aprenderá como mudar e utilizar fontes no blogger escolhendo em um vasto acervo que é o Google Fontes.


1- Escolhendo o estilo da fonte no Google Fontes

  • Acesse o site Google Fontes e escolha o tipo que desejar usar.
  • Após escolhe-la, clique no botão "uso rápido" como mostrado na imagem abaixo.


  • Marque todos os estilos.


  • Role a página para baixo e você encontrará o código de incorporação, copie-o.

* Para não acontecer erros, acrescente uma barra ( / ) no final, ficando assim />


2- Colocando a fonte no template

  • Acesse seu Blogger, vá em "Modelo" e depois "Editar HTML".
  • Clique no código do template, pressione "CTRL+F" e pesquise por <head>
  • Logo ABAIXO da tag encontrada, cole o código da fonte que você copiou.
  • Clique em "Salvar Modelo".


3- Integrando a fonte ao CSS

  • Volte a página do Google Fontes e role mais um pouco abaixo.
  • Copie o código, como na imagem.

  • No template de seu blog, pesquise pelo trecho body { ou body{
  • No local você verá algo parecido com font: $(body.font);
  • Substitua pelo trecho que você copiou no Google Fontes.
  • Clique em "Salvar Modelo".
     * Colocando o estilo nesse local, será aplicada a fonte a todo blog. Caso desejar colocar em algum local       específico será necessário a aplicação no trecho do CSS correspondente.
     Exemplo: .sidebar-wrapper {font-family: 'Oswald', sans-serif;}

Com a conclusão do tutorial, todo seu blog (ou a parte desejada) estará com o novo estilo da fonte instalada. E, como citado você poderá aplicar a fonte desejada em qualquer parte de seu blog, ou, até mesmo colocando vários estilos diferentes, bastando que instale o novo estilo executando todo o processo exatamente como mostrado no tutorial.
Deixe seu comentário, pois ele é a motivação para nosso trabalho.

0 comentários:

Postar um comentário