Créditos: ♥
Mas enfim, começando a falar do post, hoje é um que com certeza vai ajudar muita gente! Quando vi esse post lá no blog da Camila shorei arco-íris, já que ela foi a primeira que me fez entender o que era font face e como que se instala! Muito obrigada, viu?
E por isso vim aqui ensinar vocês hoje! Primeiro vamos entender o que é font face: lembram que eu já ensinei aqui, há um bom tempo, como que se instalam fontes diferentes (do google) no blog? Pois então, agora vim ensinar a colocar não só as fontes do google, mas qualquer fonte! Isso mesmo, QUALQUER! Diga-me se não é uma alegria!
E pra fazer isso é super simples. Primeiro você escolhe a sua fonte (veja se ela aceita letras maiúsculas e minúsculas, acentos, pontuação, acentuação e etc.) e então tem que hospedar ela. Eu hospedo as minhas no File Den, onde é super simples!
Primeiro você entra lá e faz uma conta, depois vai em "Upload" e clica no seguinte botão:
]]></b:skin>Em cima do código encontrado, cole o seguinte código:
@font-face { font-family: NOME DO ARQUIVO DA SUA FONTE; src: url('LINK DA SUA FONTE'); }Edite o que pede e depois é só colar o "Nome do arquivo da sua fonte" onde você quiser que ele apareça, do seguinte modo:
font: normal 20px "Nome do arquivo da sua fonte", cursive;Alterar e salvar! Você pode colar em:
h3.post-title a { ------> títulos dos postsh2 { ------> títulos dos gadgets
Otimo tutorial , ameei *-*
ResponderExcluirwww.clarinhapink.com
Obrigada, bom que gostou :3
ExcluirÓtimo tutorial, mesmo eu não entendendo dessas coisas ú-u Muita complicação pro meu gosto, UAHSUHSA'
ResponderExcluir-Epílogos e Finais.
Obrigada, bom que gostou! *u* Ok, ahsuahsuahsu ><
ExcluirAmei o tuto! Não conhecia! Eu nunca tinha ouvido falar em font face rsrs.
ResponderExcluirBeijos
universoteengirl-porlarissa.blogspot.com
Obrigada, bom que gostou *3* Aaah :3
ExcluirAdorei o tutorial! Acho que vou usar, hihi.
ResponderExcluirBeijos,
www.sonhosde-primavera.com
pensa-mentosmeus.blogspot.com.br (blog de textos)
Obrigada, bom que gostou! *---* Okok :3
ExcluirJá conhecia o font-face, ele está em quase todos os meus layouts. As fontes quando não são hospedadas, geralmente não pegam em todos os computadores. bezzo, sarah
ResponderExcluirhttp://svt-pistache.blogspot.com.br/
Infelizmente, né? :/ Seria bem mais fácil! hahaha
ExcluirAmei o tutorial!
ResponderExcluirBEIJOS!
rarosej.blogspot.com.br
Obrigada, bom que gostou ^u^
ExcluirÓtimo tutorial, adorei.
ResponderExcluirhttp://simples-e-agradavel-bloog.blogspot.com.br/
Obrigada, bom que gostou :3
ExcluirMuito legal esse tuto, assim que eu mudar o nome, lay, url do meu blog, vou usar esse tutorial várias vezes. Beijos
ResponderExcluirilovecantores.blogspot.com
Okok! :D Bom que gostou *---*
ExcluirEu acho esse recurso muito legal, eu não uso ainda o @font-face no meu blog, más eu uso nos layouts que eu faço de vez em quando rsrsrs E acho muito legal.
ResponderExcluirthe-paradiise.blogspot.com.br/
Também acho :3
ExcluirAdorei esse tuto ainda não instalei nenhuma fonte no blog, mas quando eu quiser, já sei para onde ir :D
ResponderExcluirBeijinhos
Facebook do blog
conversando-com-a-lua.blogspot.com.br
Obrigada, bom que gostou! *u*
ExcluirGostei, já estou seguindo, se gostar do meu, me segue.
ResponderExcluirhttp://vivianapombo.blogspot.pt
Obrigada, mas não ^^
ExcluirNão instalei nenhuma fonte no meu blog, mas sei lá, tenho preguiça! huhsauhsaush
ResponderExcluirBjo, Sel ;*
Jovens Gordinhas
Unicórnio com Bigode
Nerd Descolada
Ok, hahaha ><
ExcluirMais uma dica ensinada, mais uma dica aprendida rs :D
ResponderExcluirBeijos,
Té
lolaporlola.blogspot.com
Instagram: stephanieparizi
Ok, bom que aprendeu, né? hahaha
ExcluirAdorei o tutorial, nunca ia saber por QUALQUER FONTE no blog. morri apenas x.x
ResponderExcluirDicas para post (que eu quero muuuuito saber) :
Como fazer aquele efeito nos link e nos títulos dos gadgets do blog de encomendas (aquele que pula e deixa um rastro, meio 3D, mais ou menos isso)
Como fazer esse efeito que desfoca as imagens quando passa o mouse aqui do Piink Cookie (no ''Recomendo'' & no ''Gatinhos'').
Beijo :3
http://garotasatrevidas-s2.blogspot.com.br/
Aaaawn, vou fazer esses sim, viu? o3o
Excluirgostei do tutorial
ResponderExcluireu nem conhecia o font face xp
Aaah, bom que gostou! :D
ExcluirEu até que entendo um pouco de códigos, mas achei esse tutorial confuso demais pra minha inteligência, KKKKKK. ♥
ResponderExcluir>>Bonequiinha de Luxo<<
- xoxo –
Ok, hahaha ><
ExcluirOi, tudo bom? hahaha, Então eu deixei uma aviso lá no blog para todas as blogueiras que acompanham o SDF, se você puder ir lá dá uma olhada vou amar.
ResponderExcluirBeijo, @_brearaujo
http://saladadefrutasbr.blogspot.com.br/
Nah ^^
Excluirja coloquei e retirei, mas amei ver esse tutorial por aqui, sem contar que muuuuita gente procura ne. Mil beijooooos
ResponderExcluirannecrisley.blogspot.com
Procura mesmo, né? :D
ExcluirAinda não conhecia esse recurso.
ResponderExcluirE já que pediu uma sugestão de post, lá vai: Eu gostaria de saber se é possível personalizar a caixinha do arquivo do blog, quando está em menu suspenso. Gostaria de colocar cores ou bordas e aumentar o tamanho. Bjus!
galerafashion.blogspot.com.br
Obrigada, vou tentar fazer esse post, viu? :D
Excluirque legal!!! aadorei! eu gosto muito dos seus tutos P.C.!!
ResponderExcluirmas vê se não some do blog hauahauha
lelusantos.wordpress.com
Ooown, brigada >< Pode deixar que não vou sumir! hahaha
ExcluirEu quero ver a Sweet Melody My Lady u.u lecal ^u^
ResponderExcluirEla é feia, ashuashuashuas ><
ExcluirAdorei o tutorial,eu nem sabia que tinha como pegar de outros lugares...
ResponderExcluirbeijos
Obrigada, bom que gostou! Aaah ^^
Excluir