18 dezembro 2012

Usando fontes do Windows no blog

Hoje o post é bem grande, mas vai valer a pena.
Getimage_large

Oi gente, como prometido aqui está o tutorial de como usar fontes diferentes no blog.
Com esse tutorial você pode usar em seu blog as fontes que estão instaladas no seu computador. Não é maravilhoso? Eu estou usando a fonte MamaeQueNosFaz no título e rodapé das postagens e nos comentários. 
É uma ótima opção pra quem já tá cansado nas fontes do blogger. Também já ensinei aqui a usar o Google Web Fonts, mas eu também já enjoei dele. As fontes são quase todas iguais.
Procurando pela net achei vários tutoriais de como fazer isso, mas confesso que a maioria deles não deu certo. Vou passar pra vocês o procedimento que eu fiz pra que desse certo, misturei vários tutoriais. Já vou avisando, é um pouco complicado, mas vale à pena.


   Antes de tudo, abra a pasta de fontes do seu computador. O meu sistema operacional é o XP, esntaõ fiz assim: Iniciar > Painel de Controle > Fontes.
Escolha a fonte que você vai usar. Depois copie e cole em um lugar mais fácil de encontrar. Lembrando que se você não colar a fonte em outra pasta não vai dar certo.

 Agora você precisa abrir esse site aqui: http://cufon.shoqolate.com/generate/

 Com o site aberto procure no seu computador a fonte que você escolheu.


 Não esqueça de marcar a seguinte opção:

 Depois marque só as opções indicadas.


 Agora, vá lá no final da página, marque a opção mostrada e clique em "Let's do this". Veja a imagem.

 Quando você clicar vai iniciar o download do arquivo da sua fonte. É só esperar um pouquinho pra continuar.

  Agora você precisa hospedar o arquivo que baixou para poder pegar o link dele. Eu hospedei no Tumblr, foi o meio mais fácil. Se você não tem uma conta, pode usar outro site que conheça. Se tiver uma conta no Tumblr, clique aqui. Se você pular essa etapa não vai dar certo o tutorial. 
Se usar o Tumblr veja como se faz:


  Deixe a página aberta, precisaremos dela depois. Agora vamos para o HTML do blog.

 Cole o código abaixo de <head>
<script src='http://static.tumblr.com/7qjngxb/8ekmetw1f/'/>
<script src='http://static.tumblr.com/7qjngxb/8ekmetw1f/' type='text/javascript'/>
<script type='text/javascript'>
Cufon.replace(&#39;h3&#39;);
</script>
  Agora substitua a parte destacada pelo link do seu arquivo. Veja:


  Salve as alterações. Agora para usar a fonte no seu blog, substitua a font-family pelo nome da fonte escolhida. Se você vai usar no título das postagens, procure por h3.post-title.  Assim:


Use onde você quiser, também usei no rodapé das postagens.
E aí gente, acharam difícil? É bem complicadinho mesmo, mas pra quem quer personalização vale à pena o esforço.
Caso não consigam fazer esse tutorial, vou deixar dois links do mesmo tutorial, mas de diferentes modos. (aqui) (aqui)
Espero que tenham gostado, beijinhos?


10 comentários:

  1. Não é muito fácil não hein haha! Já coloquei o seu blog na minha lista de afiliados também, obrigada por aceitar (: Beijos
    garotadiva12.blogspot.com

    ResponderExcluir
  2. Mt massa esse tutorial! adorei

    ianapaulinhaaaa.blogspot.com

    ResponderExcluir
  3. Olá Nath, que legal esse tutorial .
    respondendo o seu comentario; Eu faço curso de violão a pouco tempo sabe.. não sei muito, estou com um "pouquinho" de dificuldade em tocar, musicas com pestanas e na troca "rapida" de acorde.. me disseram que guitarra é caro demais.. eu não acredito.. mais enfim. Beijos

    ResponderExcluir
    Respostas
    1. A minha guitarra não foi tão cara. Vou te responder lá no seu blog.

      Excluir
  4. Olá nath, que otimo esse tuto..
    Então eu toco violão a pouquisso tempo, e eu teno um pouco de dificuldade em fazer pestana , e na troca rapida de acordes, eu não sei tocar muitas musicas ! qual foi a primeira musica que tocou ? Eu gostaria de ter guitarra...mais me disseram que é super hiper caro.. Qual musica me aconselha pra tocar no violão ? uma facil.. Obrigada por está me ajudando flor ! Beijos comenta la no blog , porque se não eu não vejo u_u beijinhos

    climbteen.blogspot.com

    ResponderExcluir
  5. De nada, quando precisar é só me chamar!

    ResponderExcluir
  6. Bom tutorial. Seu blog é lindo!
    Mas a fonte dos títulos dos seus posts não aparecem pra mim com a fonte MamaeQueNosFaz, aparece uma fonte comum. Porque será?

    ResponderExcluir
    Respostas
    1. Eu também não sei Jesielle. Aqui em casa tenho dois computadores, tenho a fonte instalada em um deles, mas funcionou direitinho no outro também, mesma sem ter a fonte. Já na casa de uma amiga minha também não funcionou, ficou uma fonte comum; e na minha outra amiga funcionou direitinho. Nenhuma das duas tem a fonte instalada. Será que é por causa do sistema operacional? Vou pesquisar mais sobre isso.

      Excluir

© Blog da Nah | Oficial - 2012. Todos os direitos reservados. Criado por: Natália Médice. Tecnologia do Blogger. imagem-logo