@Font-Face

 

Boa tarde, pessoal.

Estou me apressando aqui nas postagens para poder dar tempo de ter uma boa quantidade hoje. Geralmente eu dou um intervalo de postagem para postagem para que vocês possam comentar e usufruir dos utilitários, espero que não se incomodem com a ausência desse tempinho. Continuem participando do nosso sorteio, se houverem várias participações teremos várias outras edições, suficientes para que muitos tenham um domínio. Hoje eu vim falar de uma coisinha chamada de font-face, que ajuda muito os blogueiros de toda parte. É praticamente o substituto do google web fonts.

O que seria o Font Face? A tag de css @Font-face dá a você a possibilidade de usar fontes do seu computador direto no seu blog, com todos podendo visualizar. Vejam que por exemplo, no msn, ao colocar uma fonte bem bonita que você baixou só pode visualizar quem a tem, mas com o font-face todo mundo vai conseguir ver, pois vocês aplica o arquivo de fonte direto no blog. Vou mostrá-los como podem usar essa função. Quem já conhece, sabe a utilidade que tem.

1. Para usar o font-face você precisa hospedar (recomendo o tumblr) o seu arquivo de fonte. Os arquivos de fonte terminam em .ttf e são aqueles que você usa para instalar . Hospedagem recomendada aqui.

2. Agora que você já possui o link direto do arquivo da sua fonte, só precisa substituir nesse código:

@font-face {font-family: "nomedafonte"; src: url('link da fonte');}

3. Recomendo que cole esse código logo acima do ]]></b:skin>  e na hora de usar, vai ser o nomedafonte que você substituiu que irá entrar em serviço. Exemplo:

@font-face {font-family: "fontedajosefa"; src: url('link da fonte');}

.boxdestaque .title {

font-size: 8px;

font-family: fontedajosefa;

}

Entenderam? Você vai usar o nome que escolheu como se fosse uma fonte normal do tipo font: Tahoma.