[Resolvido] Multiplas @font-face

[Clébson Santiago Carvalho 0]

Pessoal,

 

Faz muito tempo que não posto aqui no fórum, e desta vez fui indicado pelo site do Maujor.

 

/* Estas fontes são Free */
@font-face{
font-family: "Lettergothic";
font-style: normal;
font-weight: normal;
src: url(fonts/lettergothic/lettergo.eot); /* IE*/
src: url(fonts/lettergothic/lettergo.ttf);
}

@font-face{
font-family: "Creditvalley";
font-style: normal;
font-weight: normal;
src: url(fonts/creditvalley.eot); /* IE*/
src: url(fonts/creditvalleybold.tff);
}

 

Este é o código que coloquei para utilizar fontes personalizadas, pena que só uma esta funcionando que é a do Creditvalley, mas preciso muito tbm da que a outra tbm funcione. Se alguém puder me ajudar. Obrigado pessoal.

[Henrique Barcelos 290]

Acho que estão faltando alguns formatos aí:

Exemplo:

@font-face {
font-family: 'CambriaBold';
src: url('cambriab-webfont.eot');
src: url('cambriab-webfont.eot?#iefix') format('embedded-opentype'),
		url('cambriab-webfont.woff') format('woff'),
		url('cambriab-webfont.ttf') format('truetype'),
		url('cambriab-webfont.svg#CambriaBold') format('svg');
font-weight: normal;
font-style: normal;
}

 

Use este site para gerar suas regras @font-face:

:seta: http://www.fontsquir...tface/generator

[Clébson Santiago Carvalho 0]

Henrique.

 

Fiz o que o sr. me indicou:

Original:

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 14, 2011 */
@font-face {
   font-family: 'LetterGothicRegular';
   src: url('lettergo-webfont.eot');
   src: url('lettergo-webfont.eot?#iefix') format('embedded-opentype'),
        url('lettergo-webfont.woff') format('woff'),
        url('lettergo-webfont.ttf') format('truetype'),
        url('lettergo-webfont.svg#LetterGothicRegular') format('svg');
   font-weight: normal;
   font-style: normal;

}

@font-face {
   font-family: 'CreditValleyRegular';
   src: url('creditvalley-webfont.eot');
   src: url('creditvalley-webfont.eot?#iefix') format('embedded-opentype'),
        url('creditvalley-webfont.woff') format('woff'),
        url('creditvalley-webfont.ttf') format('truetype'),
        url('creditvalley-webfont.svg#CreditValleyRegular') format('svg');
   font-weight: normal;
   font-style: normal;

}

 

Minha Versão:

@font-face {
   font-family: 'LetterGothicRegular';
   src: url('fonts/lettergo-webfont.eot');
   src: url('fonts/lettergo-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/lettergo-webfont.woff') format('woff'),
        url('fonts/lettergo-webfont.ttf') format('truetype'),
        url('fonts/lettergo-webfont.svg#LetterGothicRegular') format('svg');
   font-weight: normal;
   font-style: normal;

}

@font-face {
   font-family: 'CreditValleyRegular';
   src: url('fonts/creditvalley-webfont.eot');
   src: url('fonts/creditvalley-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/creditvalley-webfont.woff') format('woff'),
        url('fonts/creditvalley-webfont.ttf') format('truetype'),
        url('fonts/creditvalley-webfont.svg#CreditValleyRegular') format('svg');
   font-weight: normal;
   font-style: normal;

}

 

Coloquei só as fontes em todos estes formatos na pasta Fonts, penas que só o CreditValleyRegular Funciona.

 

Abri o exemplo do LetterGothicRegular (que o site empacota e enviar) e deu certo, a font esta funcionando nele só que no site não, será que pode estar dando conflito por ter mais de uma @Font-Face em um unico CSS/pagina

 

http://www.noconforto.com.br/~hotel/site/index.php?option=com_k2&view=item&layout=item&id=1&Itemid=1

 

Veja que os menus são CreditValleyRegular e os titulos deveria ser LetterGothicRegular. Tem como resolver isso?

 

Abraços, ótima semana.

 

PS- Qual o tempo médio para uma única pessoa construir um site neste modelo? (considerar este site inacabado em relação a detalhes e conteúdo, mas este é a base, e sem dedicação exclusiva, max. de 1 hora por dia.)

[Henrique Barcelos 290]

Você tem essa fonte que está 'funcionando' instalada no seu PC?

Se tiver, é isso, nenhuma delas está funcionando, você só consegue visualizar pois tem ela instalada no seu computador.

 

Pergunta: a pasta 'fonts' está dentro da pasta do seu css? Se não estiver, o caminho está errado...

[Clébson Santiago Carvalho 0]

Henrique o endereço estava errado Muito obrigado.

[Clébson Santiago Carvalho 0]

Henrique,

 

Fiz tudo certinho e agora esta funcionando, mas uma coisa esta me deixando um pouco chateado.

 

Vejam estes link:

http://noconforto.com.br/~hotel/site/index.php?option=com_k2&view=item&layout=item&id=1&Itemid=1

 

O titulo dele no IE e GC esta ok, mas no FF esta cortando do título O Hotel. O que será que pode estar acontecendo?