Slide

Seu Blog | As 18 Melhores Fontes do Google Web Fonts

quarta-feira, setembro 09, 2015


Oi pessoal! Como vocês estão?

As fontes do seu blog são uma parte muito importante do layout. Temos que optar sempre por um modelo de fácil leitura, nada muito extravagante, de tamanho adequado e que combine com o seu estilo.

Como sei que muita gente procura fontes do Google Web Fonts para inserir no seu blog, pensei em selecionar algumas das que eu mais gosto para que vocês possam utilizar. Pra quem não sabe, é super simples de colocá-las no seu blog. Você pode usá-las no título dos posts, na área de postagens, nos títulos da sidebar... são inúmeras opções. Então primeiro, uma demonstração das que eu selecionei:


Escolhi fontes de diversos tipos, desde as mais comuns para uso na área de postagens até outras mais cursivas e diferenciadas para usar como títulos dos posts. Alguns estilos são bem parecidos, mas é bom ter mais opções para escolher. Se você quiser usar alguma dessas, é só pesquisar o nome da fonte no Google Web Fonts. Os nomes das fontes usadas na imagem acima estão a seguir, na mesma ordem:


COMO USAR?

♥ Acesse o Google Web Fonts, pesquise pela fonte desejada e então clique em Quick Use.


♥ Copie o código fornecido e adicione-o ao código HTML do seu blog, logo abaixo da tag <head>

IMPORTANTE: Para o código funcionar, você deve adicionar uma barra logo antes do fechamento do código, ou seja, antes do >. Veja o código antes e como fica depois (a única diferente é a /)

<link href='https://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'/>

Agora basta adicionar a fonte no local que você quiser. Copie o outro código fornecido, como o do exemplo a seguir, e cole no código HTML do seu blog onde deseja que a fonte apareça.

Os códigos variam, mas no meu caso, por exemplo, eu procuro por textarea e logo após a { insiro o código, como a seguir:


Depois é só salvar e a fonte estará no seu blog. Nem todos os títulos para definir cada área do layout são iguais ( pode ser post h3, h2 ou outros), portanto pesquise por font-family e vá testando para ver qual fonte é modificada. Quando não entendemos tem que ser à base de testes hahaha.

Enfim, espero que tenha ajudado e que tenham gostado das indicações :) Qualquer dúvida perguntem nos comentários.

Mari

Leia também

10 comentários

  1. Mari amei as fontes que escolheu.
    Eu adoro baixar fontes legais. E achei legal que você ainda ajuda quem não sabe como aplicar.
    Beijos Mari

    ResponderExcluir
    Respostas
    1. Ai que bom que tu gostou! Eu também adooro hahaha e ao mesmo tempo em que tenho vontade de mudar de fonte às vezes fico com pena quando gosto muito dela.
      Pois é, no início eu nem imaginava como colocava e é super fácil, acho que ajuda bastante.
      Beijos

      Excluir
  2. Amei o post, super útil para quem está fazendo seu layout, como eu, rs! Bjos Mari.

    ResponderExcluir
    Respostas
    1. Ai que ótimo que vai ter utilidade pra ti então :) Fico contente em saber que gostou. Beijoss

      Excluir
  3. Lindas as fontes :D

    www.gotadechampagne.blogspot.com <3

    ResponderExcluir
  4. Nossa que dicas legais em <3 Adorei <3 Beijos.

    ResponderExcluir
    Respostas
    1. Fico feliz que tu tenhas gostado Duda! :) Beijos.

      Excluir
  5. Esse post me ajudou muito!!! Sabe quando você ta procurando uma saída e acha ? É eu nesse momento..
    www.adrielicorrea.blogspot.com

    ResponderExcluir
    Respostas
    1. Ah, jura Adri? Fico muito feliz quando leio comentários como o teu, sinto que consegui ajudar como gostaria. Que bom, moça <3

      Excluir

Postagens Populares

Inscreva-se