site com fonte custom

[allan2 0]

ola galera estou iniciando na área de desenvolvimento de sites e estou com uma duvida que pra mim eh importante ^^

 

se eu colocar uma fonte diferente no site que eu tenho certeza que usuários normais não terão instalado no pc,

mesmo assim a fonte aparece normal? como se ele tivesse ja no pc?

 

ou o arquivo da fonte tera de ficar embutida no site para o navegador ler a partir desse arquivo?

 

desde ja obrigado!

 

@edit

achei algumsa coisas na internet é isso?

@font-face
{
font-family: 'nome';
src: url('nome.eot');
src: url('nome.eot?#iefix') format('embedded-opentype'),
url('nome.ttf') format('truetype');
}

outra duvida em tipo o site vai mostar uma quandidade de itens que tem na data base msa queria que ele mostrasse em vez de numeros texto mostrasse em fotos de numeros

tanto com 1 casa como com 2, 3, 4, 5, casas de muneros

[Lucas Medina 17]

Olá!

E bem, sim, a fonte deve estar presente como um arquivo em seu site, para que o @font-face consiga receber as informações do arquivo.

 

A partir do seu CSS, você coloca o caminho até a fonte, por exemplo:

@font-face
{
font-family: 'Myfont';
src: url(../fonts/font.eot);
src: url(../fonts/font.eot?#iefix) format('embedded-opentype'),
url(../fonts/font.ttf) format('truetype');
}

Lembrando que existem algumas poucas questões de compatibilidade, mas que devem ser consideradas dependendo do público alvo do seu site:

 

http://caniuse.com/#feat=fontface

[allan2 0]

Olá!

E bem, sim, a fonte deve estar presente como um arquivo em seu site, para que o @font-face consiga receber as informações do arquivo.

 

A partir do seu CSS, você coloca o caminho até a fonte, por exemplo:

@font-face
{
font-family: 'Myfont';
src: url(../fonts/font.eot);
src: url(../fonts/font.eot?#iefix) format('embedded-opentype'),
url(../fonts/font.ttf) format('truetype');
}

Lembrando que existem algumas poucas questões de compatibilidade, mas que devem ser consideradas dependendo do público alvo do seu site:

 

http://caniuse.com/#feat=fontface

 

no caso do exemplo ali "myfont"

 

se eu usar este nome em outras areas do css ele ira chamar aquele arquivo? por exemplo na mesma css eu fazer :

 

 

@font-face

{

font-family: 'Myfont';

src: url(../fonts/font.eot);

src: url(../fonts/font.eot?#iefix) format('embedded-opentype'),

url(../fonts/font.ttf) format('truetype');

}

 

.rodape

{

font-family: myfont;

font-size: 12;

}

 

ira funcionar? ou terei de setar o caminho do arquivo em todos os lugares?

[Natan S. 6]

 

no caso do exemplo ali "myfont"

 

se eu usar este nome em outras areas do css ele ira chamar aquele arquivo? por exemplo na mesma css eu fazer :

 

 

@font-face

{

font-family: 'Myfont';

src: url(../fonts/font.eot);

src: url(../fonts/font.eot?#iefix) format('embedded-opentype'),

url(../fonts/font.ttf) format('truetype');

}

 

.rodape

{

font-family: myfont;

font-size: 12;

}

 

ira funcionar? ou terei de setar o caminho do arquivo em todos os lugares?

 

Sim, irá funcionar. Não há a necessidade de definir o caminho em todos os lugares onde desejar a plicar a fonte.

 

Você pode ler mais a respeito http://tableless.com.br/font-face-fonts-externas-na-web/