Como Usar O Font-Face

Oi, pessoal o3o Estão se sentindo bem? Pois eu não estou! Me desculpem por não ter cumprido a minha meta de postar ontem pra vocês, porem eu estava com dores de cabeça bem fortes, estava cheia de tpm, enjoada, coisa de mocinha/menina, mas vou continuar aqui postando. Postarei amanhã também, meu povo ç_ç Deixarei uma postagem programada para vocês, para amanhã, já que não sei se melhorarei disso.

Hoje eu vim ensinar esse tutorial que eu sei de cabeça, fiz para vocês que concerteza quase todos conhecem, e iram gostar, em quase todos os blogs esse tutorial dá errado, mas também na maioria as pessoas sempre erram de vez. Eu fiz ele com carinho para que vocês possam entender tudo certinho pessoal, espero que aprendam!

Gostaram? Primeiro é necessário ter a fonte no seu computador. Estará em arquivo .zip, com esse ícone:

1. Clique com o botão direito e depois em "Extract Here" ou "Extrair aqui":

2. Depois disso, você vai achar um arquivo com um símbolo parecido com esse, que é o em .ttf.

3. Agora é a parte do HTML. Vá nesse site e hospede o arquivo .ttf. Espere um pouco. Vai aparecer um link de repente, copie-o e cole em um bloco de notas, vamos precisar.

4. Vá no seu HTML é procure por ]]></b:skin>. Depois de achar, cole esse código logo acima:

@font-face {
font-family: 'Nome da Fonte';
src: url('link');} 

Em itálico é aquele link que você colou no bloco de notas no passo 3, e em negrito, e o nome da fonte. 

Aqui está o código para usar, caso queira a Bebas Neue:

@font-face {font-family: 'Bebas Neue';src: url('http://static.tumblr.com/z7rr9hy/HEwmj3rpd/bebas_neue.zip');}

Eu espero que tenham gostado u3u