[Resolvido] Fonte-face Temperamental...

[ricardo_mc 19]

Pessoal, estou precisando de um "luz" aqui.

 

Estou terminando um projeto e uso Font-face em alguns pontos, o problema é que ele não está funcionando em algumas situações.

 

Usei o site do Font Squirel para criar meu CSS de font-face (http://www.fontsquirrel.com/fontface)

 

Eu tenho esse projeto em 3 locais (localhost do VS10 e 2 servidores windows diferentes).

 

Vou postar o link dos dois servidores para vocês verem o que acontece.

Observem a fonte do botão laranja lá em baixo:

 

http://174.123.2.146/comprario_homolog/tela-login.aspx

 

http://comprario.com.br/tela-login.aspx

 

Os ambientes são cópias idênticas, tanto do banco de dados quanto da aplicação. Foi tudo feito em .NET.

 

Alguém sabe porque o CSS fica tão diferente??

 

PS: No IE8 o font-face funciona apenas localmente, pq na internet... nada

 

Obrigado

[douglasdeodato 2]

tenta ver o path nao ta carregando a fonte.

tentei baixar a fonte mais nao consegui

 

nos enderecos que você mandou um tem comprario_homolog e o outro esta sem o path.

 

tenho certeza que problema 'e o path.

 

pra ie8/9 tente isso

@font-face {

font-family: 'AftaserifRegular';

src: url('AftaSerifThin-Regular-webfont.eot');

src: url('AftaSerifThin-Regular-webfont.eot?#iefix') format('embedded-opentype'),

url('AftaSerifThin-Regular-webfont.woff') format('woff'),

url('AftaSerifThin-Regular-webfont.ttf') format('truetype'),

url('AftaSerifThin-Regular-webfont.svg#AftaserifRegular') format('svg');

font-weight: normal;

font-style: normal;

 

}

[ricardo_mc 19]

Então, estou fazendo isso. A diferença é que minhas fonts estão dentro de uma pasta "/fonts/".

 

Meu código fica assim:

 

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

 

Mas o engraçado é que ambos os ambiente são idênticos (no que diz respeito a aplicação e banco), mas a renderização é diferente. Será que é algum tipo de configuração do servidor?

[douglasdeodato 2]

sim pode ser

 

ja tentou:

 

/fonts/myriadpro-bold-webfont.eot

 

ou ../fonts/myriadpro-bold-webfont.eot

 

eu vi que o path 'e diferente nas urls q você me enviou.

[ricardo_mc 19]

Opa, resolvi o problema. Acontece que aqui na empresa quem sobe os arquivos não sou eu, então não fico vendo no servidor o que acontece. Chamei o rapaz do suporte e vi que apenas as fonts .SVG estavam sendo subidas, o restante não estava e a culpa é do Visual Studio 2010.

 

Quando mando publicar o projeto, ele ignora as outras extensões e não publica, então preciso repassar os arquivos de Fonts manualmente, por isso que estava dando chabu.

 

Acho até que vou colocar as fonts em um diretório em um servidor e mandar buscar pela URL, ao invés de incluir no projeto. Dessa forma acho que vou evitar problemas futuros.

 

Bom, obrigado pela ajuda, problema resolvido!

[douglasdeodato 2]

nao faz chamada http pode demorar ou falhar tb.

 

vcs nao usam git, ssh o sftp?

 

dessa forma nao poderia falhar

 

Opa, resolvi o problema. Acontece que aqui na empresa quem sobe os arquivos não sou eu, então não fico vendo no servidor o que acontece. Chamei o rapaz do suporte e vi que apenas as fonts .SVG estavam sendo subidas, o restante não estava e a culpa é do Visual Studio 2010.

 

Quando mando publicar o projeto, ele ignora as outras extensões e não publica, então preciso repassar os arquivos de Fonts manualmente, por isso que estava dando chabu.

 

Acho até que vou colocar as fonts em um diretório em um servidor e mandar buscar pela URL, ao invés de incluir no projeto. Dessa forma acho que vou evitar problemas futuros.

 

Bom, obrigado pela ajuda, problema resolvido!

[ricardo_mc 19]

nao faz chamada http pode demorar ou falhar tb.

 

vcs nao usam git, ssh o sftp?

 

dessa forma nao poderia falhar

 

Desculpe a ignorância, mas não sei o que isso significa.

 

O que você quer dizer com a chamada HTTP? É em relação a puxar as fonts por um link externo?

 

E git, ssh e sftp seriam o que?

[douglasdeodato 2]

cada imagem, js, css, fazem requisicao, qt mais mais pesado a pagina.

 

git?

ssh?

sftp?

 

você ta brincando ne? nao sabe o que 'e?

 

Desculpe a ignorância, mas não sei o que isso significa.

 

O que você quer dizer com a chamada HTTP? É em relação a puxar as fonts por um link externo?

 

E git, ssh e sftp seriam o que?

[ricardo_mc 19]

cada imagem, js, css, fazem requisicao, qt mais mais pesado a pagina.

 

git?

ssh?

sftp?

 

você ta brincando ne? nao sabe o que 'e?

 

Na prática nunca usei nada disso, então as informações que tenho são extremamente superficiais. Tenho uma leve ideia, mas não sei as reais implicações e uso disso, por isso a dúvida.

[douglasdeodato 2]

ira mudar sua vida.

 

tente aprender.