Tumblr_lnxf6rag3s1qea223o1_500_large

Para quem não sabe, o cufon é uma ótima maneira de você usar várias fontes em seu blog. Ele "meio que" importa o título como imagem para poder usar no seu site, eu vou ensinar agora o passa-a-passo do melhor jeito de usa-lo. Esse tutorial foi sugerido pela Ana Nagib.



1º Escolha a Fonte

É importante você saber que fonte irá isar, pois nem todas as fontes tem os caracteres necessários, por isso, recomendo que vá em Iniciar>Programas>Acessórios>Ferramentas do Sistema>Mapa de Caracteres. Nele você poderá ver todos os caracteres de todas as fontes do seu computador.

2º Faça o Download

Agora, depois de ter escolhido a fonte que desejar, entre nesse site e clique em Regular typeface: Escolher arquivo. Procure a fonte na seguinte pasta: Meu Computador>Disco Local>Windows>Fonts e vá em abrir. Depois marque:"The EULAs of these fonts allow Web Embedding (without Adobe Flash)", "All", "I acknowledge and accept these terms" e desmarque: "Basic Latin". E agora faça o Download em Let's do this !


3º Hospede a fonte

Escolha o site que quiser, eu tenho um Tumblr e uso o Upload a static file, mas tem outros use o que preferir.

4º Adicione o código


<script src='http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js' type='text/javascript'/>
<script src=FONTE HOSPEDADA' type='text/javascript'/>
<script type='text/javascript'>Cufon.replace("Parte em que será usada");</script>

<script type='text/javascript'>Cufon.replace("Parte em que será usada");</script>

Em "Parte em que será usada" você vai colocar o selector em css.
Essa é uma parte do CSS geralmente é assim: "body {" mas você colocaria "body". Se fosse ".post {" colocaria ".post", ou "#main-wrapper {" colocaria "#main-wrapper".
Algumas que é geralmente usada é :
h3: O título do post
h2:Título do gadget
Se o seu template for do blogger Seria:

.footer-inner .widget h2,
.sidebar .widget h2 {
No título do gadget.
 É só isso, espero que tenham gostado *--*

Dicas de Fontes para o seu computador que dá para usar no tutorial: Desyrel, Kayleigh, Airplanes in the night sky, AndrewScript...

9 coments:

Iana Paulinhaaaa-World Girl-Official disse... Reponder {}

Legal, adorei!!! http://ianapaulinhaaaa.blogspot.com/

Giih Reis (Gisele) disse... Reponder {}

Que legal =D
Amei!!

Bjs,
Giih!

http://blogdasmeninasblogueiras.blogspot.com/

daniele - blog sweet pop disse... Reponder {}

Eu tava procurando esse tutorial :)
Obrigada!

Thailáá disse... Reponder {}

aaa nao entendi D: http://florbrilhante.blogspot.com/

Yasmin Cordeiro disse... Reponder {}

Amei aqui, lindo! Parabéns.
Kisses ;*

http://s2style.blogspot.com/

Stella Valim disse... Reponder {}

Que legal esse tutorial, acho que vai ser útil, vou usar provavelmente no próximo lay do blog... Seu blog ta lindo, amor, continue assim.
E obrigada pela visita, volte sempre. O texto é de minha autoria sim.
http://senhoritaliberdade.blogspot.com/

Garotas Cliche disse... Reponder {}

ótimas dicas e o blog esta lindo!! Assim que eu tiver mais tempo concerteza vou vir aqui e dar uma 'paseada' kkk beijos

www.garotascliche.blogspot.com

CandyReis disse... Reponder {}

mudou o lay *-* pra mais fofo ainda, \o/

Maria Lua disse... Reponder {}

Bem legaaal *-*
http://perfeitateen.blogspot.com/

Postar um comentário

:a   :b  :c  :d  :e :f  :g  :h  :i  :j  :k  :l  :m  :n  :o  :p  :q  :r  :s  :t  :u

Comentar não dói!