Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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');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
>
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);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?
>
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/
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
{
src: url(../fonts/font.eot?#iefix) format('embedded-opentype'),
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