Fonte personalizada

[Lucas Santana_161162 0]

Olá,

Queria se para utilizar uma fonte personalizada, ou seja, que diferente e que a pessoa que acessar o site não possua instalada em seu computador e da seguinte maneira no CSS:

 

font-family: 'nomefonte', sans-serif;
src: url(../../ttf/nomefonte.tff);

 

Se caso não for, como faço ?

Obrigado pela atenção,aguardo respostas !!!

[Henrique Barcelos 290]

Você precisa utilizar @font-face para isso...

Neste site já tem um aplicativo que faz pra você:

:seta: http://www.fontsquirrel.com/fontface/generator

[Diéssica 140]

font-family: 'nomefonte', sans-serif;
src: url(../../ttf/nomefonte.tff);

@font-face {
    font-family: nomefonte; /* nome da fonte, NÃO É AQUI QUE DEVE TER sans-serif */
    src: url('../../ttf/nomefonte.tff'); /* diretório da fonte */
}

Obs.: Existem alguns critérios à serem estudados para que @font-face se torne compatível com todos os browsers e sistemas operacionais. O Internet Explorer, por exemplo, só suporta fontes EOT.

:seta: http://www.w3.org/TR/css3-fonts/#the-font-face-rule

 

Para utilizar a fonte:

h1 {
 font-family: nomefonte, sans-serif; /* aqui sim pode haver o sans-serif */
 font-size: 15px;
}

Ou simplesmente

h1 { font: 11px nomefonte, sans-serif; }

[André do Vale 76]

Atenção aos tipos de fontes utilizadas! Pois existem muitas fontes pagas ou com direitos restritos, e que NÃO podem ser disponibilizadas em site sem a devida autorização ou pagamento de sua licença.

 

Dica de outro ótimo gerador de "kit" @font-face:

http://fontface.codeandmore.com/