Como usar Font Face

Créditos: ♥

escrever errado na montagem é comigo, hahaha

 Bom dia minhas lindas! Primeiramente quero pedir milhares de desculpas á todas que tem comentado por esses dias! Tenho estado super sem tempo, cheia de provas, trabalhos e um simulado na terça e não tive tempo pra quase nada! Já estou explorando a Laura (desculpa e obrigada, Laurinha!) pedindo pra que ela responda meus comments.
 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:

 E ali escolhe o arquivo da sua fonte (no formato .ttf ou .otf). Depois, vai aparecer algo mais ou menos assim:

 "A Sweet Melody My Lady" é o nome do arquivo da minha fonte, no lugar vai aparecer o da sua. Guarde bem esse nome porque vamos precisar! Depois, clique em Upload Files e espere que abra uma nova aba assim:

 Copie somente o link da sua fonte (como dá pra ver na imagem). Agora abra o seu HTML e procure por:

]]></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 

 Enfim, espero que tenham gostado! E caso usem o tutorial, não se esqueçam de creditar, ok? Ah, e me digam quais posts vocês querem por comentário, que estou em dúvida! ;)

Pack de Fontes #2

GENTEEEE! Muuuuuuito obrigada pelos 1000 seguidores, muito muito muito mesmo, viram? Eu amo vocês demais! *---*

imagem gentilmente cedida pela minha irmã, thanks Luciana ♥ a edição foi minha mesmo, ahsuas ><

 Bom dia leitoras!

 Tudo bem com vocês? Espero que sim. Hoje trouxe o 2º pack de fontes do blog, uhu! Dessa vez trouxe fontes menos conhecidas e perfeitas pra fazer edições, tanto layouts (imagino a Fonte 4 em um cabeçalho *-*) quanto em imagens (Fonte 6, perfeita!).

 Enfim, aqui tem preview delas!

 Gostaram? Bem, pra quem gostou, eu coloquei elas em um pack .rar, aí é só baixar, descompactar e pronto, ser feliz! Link pra download:

exemplo da Fonte 2 sendo bem usada o3o

Post completo por Piink Cookie. Todos os direitos reservados. Copyright 2013. Plágio é crime.

 E aí, gostaram? Espero que sim, porque demorou pra escolher essas fontes, hahaha. Enfim, espero que usem, gostem e, se quiserem mais, só pedir!
 É isso. Beijinhos com glitter :*