14.11.15

Como colocar outras fontes no blog


Oi, oi, oi galera! Então hoje eu vim trazer um tutorial de como colocar fontes diferentes no blog, eu tinha tentado esse dois tutoriais aqui e aqui mas eu não consegui (talvez vocês sejam mais espertos que eu e consigam) então eu fui fazendo alguns testes e consegui instalar qualquer fonte que eu quisesse, quer saber como eu fiz isso? É só clicar em leia mais >>
Enfim, o código principal é esse aqui que eu peguei no blog Jackie Dream (<3):

<link href='LINK DO SITEcss?family=NOME DA FONTE' rel='stylesheet' type='text/css'>

Eu tive que testar de muitas maneiras até conseguir fazer o que eu queria e é muito fácil, simplesmente é só segui o que tá escrito no próprio código que é colocar o link do site onde tá a fonte que você quer instalar e aí você vai fazer o seguinte, vai copiar o link dessa forma:


E aí vocês me perguntam, porquê tanta preocupação de copiar o link do site? Porque pode não dar certo se você colocar o link lá e pronto...

Exemplo:

Se você colocar o link tipo assim: www.dafont.com, não vai dar certo...tem que ser http://www.dafont.com/pt/ que é no caso do site dafont, não sei se vocês vão entender mas sempre copiem lá da barra de pesquisa, ok?

Depois onde tá Nome da fonte é só colocar o nome da fonte...
Mas a pergunta é, onde vai colocar esse código? Então, vai em Layout >> Adicionar gadget >> HTML/JavaScrpt depois é só colar esse código lá e salvar, depois quando você quiser usar a fonte é só colocar o nome dela no código no html, entenderam? Espero que sim! Aaah e lembrando, pode usar quantas fontes quiserem tá?

Vou deixar alguns códigos prontos aqui pra vocês, podem deitar e rolar hahaha

<link href='http://www.dafont.com/pt/css?family=Sweet Pea' rel='stylesheet' type='text/css'>


<link href='http://www.fontsquirrel.com/css?family=Amatic' rel='stylesheet' type='text/css'>


<link href='http://www.dafont.com/pt/css?family=Armonioso' rel='stylesheet' type='text/css'>




Espero que cês tenham gostado...
Até o próximo post!

2 comentários:

  1. Por HTML/JavaScrpt, jura? *---* Vc simplificou muuuuuuuuito o código, vai me ajudar nos próximos lays Mel <333333

    ResponderExcluir