Apresentação + Tutorial: Como instalar fonte no blog


Olá galera *---* sou o novo postador aqui do C.G.
Me chamo Wendel, tenho 17 anos, também tenho um blog * e é isso haha'
Ficarei responsável pelas postagens de tutoriais, vou ensinar coisas bem legais e fáceis de se fazer ok? #Prometo -n

Nesse post, vou ensinar a vocês a como instalar fontes no blog. Sim aquela do título do post entre outras... 
Alguns de vocês vai estranhar o modo de eu formatar os posts, sou meio paranóico e gosto tudo no cento '-' então, é uma questão se se acostumar com isso. ;)

Vamos ao que interessa né?

1° Passo: Entre no site Google Web Fonts e escolha uma fonte que goste.

2° Passo: Clique em Quick-use que nem mostra na imagem abaixo
(clique na imagem p/ ampliar)

3° Passo: Copie o código a ser exibido após clicar em Quick-use.
(clique na imagem p/ ampliar)

Agora vá no seu blog, Modelo>Editar HTML e procure por <head>
Após ter achado a tag acima, cole o código da fonte abaixo dele.

Ex: <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
Obs: coloque "/" antes do simbolo ">"no final do código para que seja instalada corretamente. SALVE.
Pronto, a primeira parte esta feita.

Agora ainda no HTL do blog, procure por:  h3.post-title a {
vai estar mais ou menos assism:

h3.post-title a {
font-size: 20px;
font-family: 'Gabriela', serif;
color: #6EABC2;
text-shadow: 0px 1px 1px #494949;
-webkit-transition: color 0.4s ease-in;
-moz-transition: color 0.1s ease-in;
transition: color 0.4s ease-in;
}

Na parte: font-family: 'Gabriela', serif; você substitui pelo nome da fonte que você instalou.
(clique na imagem p/ ampliar)

Salve e pronto. Fonte alterada com sucesso. Fácil não é mesmo? (não, é eu sei kkkkkkkk)
Até a próxima ;)

7 comentários:

  1. Ótimo tutorial ^^

    Abraços,
    http://therevolucaonerd.blogspot.com.br/

    ResponderExcluir
  2. Adorei o tutorial, é perfeito! *-*
    Beijos,
    www.sonhosde-primavera.com
    pensa-mentosmeus.blogspot.com.br (blog de textos)

    ResponderExcluir
  3. Adorei o tutorial.
    Faz algum tempo que quero mudar a fonte do meu blog.
    Mas estava com medo de estragar tudo :S
    XOXO'♥

    BLOG
    FANPAGE

    ResponderExcluir
    Respostas
    1. Kkkkk tenso, agora você pode tentar ;) Sós eguir direitinho os passos acima.
      Bjos

      Excluir
  4. Esse é um tutorial ótimo!

    ResponderExcluir

- Obrigado pela visita e pelo comentário, não se esqueça de deixar o link do seu blog abaixo para que eu possa retribuir sua visita.

-Se for para criticar que seja logado, em anônimo sua opinião não valerá de nada.

 
Design e programação: Carol Mascarenhas
Confissões de um garoto - 2011 / 2015. Todos os direitos reservados Tecnologia do Blogger