Fontes não carregam

[guicampos1 4]

Bom dia galera... to desenvolvendo um site e to com um probleminha nas fontes, elas não carregam de primeira, apenas após atualizar a página e sem sempre vem certinho.

Já tentei de tudo porém não resolvi, segue o código-fonte do css pra vocês darem uma olhada:

@font-face {
    font-family:accid;
 src:url('../../../../../fontes/accid.eot');
 src:/*local("Accidental Presidency"),*/
 url('../../../../../fontes/accid.eot?#iefix') format('embedded-opentype'),
 url('../../../../../fontes/accid.svg#AccidentalPresidency') format('svg'),
 url('../../../../../fontes/accid.ttf') format('truetype'),
 url('../../../../../fontes/accid.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
 
@font-face {
font-family:news-cycle;
 src:url('../../../../../fontes/newscycle.eot');
 src:/*local("News Cycle"),*/
 url('../../../../../fontes/newscycle.eot?#iefix') format('embedded-opentype'),
 url('../../../../../fontes/newscycle.svg#NewsCycle') format('svg'),
 url('../../../../../fontes/newscycle.ttf') format('truetype'),
 url('../../../../../fontes/newscycle.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
 
@font-face { 
font-family:abel;
 src:url('../../../../../fontes/abel.eot');
 src:/*local("Abel"),*/
 url('../../../../../fontes/abel.eot?#iefix') format('embedded-opentype'),
 url('../../../../../fontes/abel.svg#Abel-Regular') format('svg'),
 url('../../../../../fontes/abel.ttf') format('truetype'),
 url('../../../../../fontes/abel.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}

Eu desabilitei o local pra rodar os testes.

 

Caso queiram ver o código agindo: www.juicycompany.com.br

 

Agradeço desde já pela compreensão...

Obrigado!

[rikaschmitt 54]

"../../../../../" isso existe? ashdusuids

[guicampos1 4]

"../../../../../" isso existe? ashdusuids

Sim, estou usando uma plataforma OpenCart, por isso tive que apontar assim.

 

Porém já coloquei a pasta mais próximo do CSS e arrumei pra "../fontes/******".

 

Mesmo assim o problema persistiu, não sei se você chegou acessar o site e ver,

@font-face {
    font-family:accid;
	  src:url('../fontes/accid.eot');
	  src:/*local("Accidental Presidency"),*/
		  url('../fontes/accid.eot?#iefix') format('embedded-opentype'),
		  url('../fontes/accid.svg#AccidentalPresidency') format('svg'),
		  url('../fontes/accid.ttf') format('truetype'),
		  url('../fontes/accid.woff') format('woff');
	  font-weight:normal;
	  font-style:normal;
}

@font-face {
	font-family:news-cycle;
	  src:url('../fontes/newscycle.eot');
	  src:/*local("News Cycle"),*/
		  url('../fontes/newscycle.eot?#iefix') format('embedded-opentype'),
		  url('../fontes/newscycle.svg#NewsCycle') format('svg'),
		  url('../fontes/newscycle.ttf') format('truetype'),
		  url('../fontes/newscycle.woff') format('woff');
	  font-weight:normal;
	  font-style:normal;
}

@font-face {	  
	font-family:abel;
	  src:url('../fontes/abel.eot');
	  src:/*local("Abel"),*/
		  url('../fontes/abel.eot?#iefix') format('embedded-opentype'),
		  url('../fontes/abel.svg#Abel-Regular') format('svg'),
		  url('../fontes/abel.ttf') format('truetype'),
		  url('../fontes/abel.woff') format('woff');
	  font-weight:normal;
	  font-style:normal;
}

[André do Vale 76]

Cara, eu inspecionei a url informada (sem cache) e as fontes carregaram na metade do caminho dos requests, e não por último. E renderizaram normalmente sem necessidade de atualização.

 

Fez os testes em outra máquina e sem cache?

 

3.87seg sem cache e 1.3seg depois, com cache.

[guicampos1 4]

Cara, eu inspecionei a url informada (sem cache) e as fontes carregaram na metade do caminho dos requests, e não por último. E renderizaram normalmente sem necessidade de atualização.

 

Fez os testes em outra máquina e sem cache?

 

3.87seg sem cache e 1.3seg depois, com cache.

Desconheço o assunto cache... e tentei em outros 2 micros e outros 2 celulares.

Nos 2 micros persistiram o mesmo problema, no celular foi apenas em 1.

[André do Vale 76]

http://weavertheme.com/browser-caching-when-your-changes-wont-show/

 

http://www.code-pal.com/quick-tip-clear-cache-hard-refresh-on-chrome/

 

Se você usar o Chrome, pressione F12, vá até a guia 'Network', marque a opção 'Disable cache', e pressione F5.

 

Veja como se comporta a página.

 

 

Outra dica: se possível, utilize outras famílias de fontes para dar um 'fallback' na fonte importada. Caso haja problemas na fonte utilizada, o CSS poderá carregar uma fonte default da máquina no lugar e que seja parecida com o uso.

 

Veja por exemplo: http://www.cssfontstack.com/ e http://www.css-tricks.com/snippets/css/font-stacks/ .

[guicampos1 4]

http://weavertheme.com/browser-caching-when-your-changes-wont-show/

 

http://www.code-pal.com/quick-tip-clear-cache-hard-refresh-on-chrome/

 

Se você usar o Chrome, pressione F12, vá até a guia 'Network', marque a opção 'Disable cache', e pressione F5.

 

Veja como se comporta a página.

 

 

Outra dica: se possível, utilize outras famílias de fontes para dar um 'fallback' na fonte importada. Caso haja problemas na fonte utilizada, o CSS poderá carregar uma fonte default da máquina no lugar e que seja parecida com o uso.

 

Veja por exemplo: http://www.cssfontstack.com/ e http://www.css-tricks.com/snippets/css/font-stacks/ .

Temos mais 2 domínios, e nesses outros 2 domínio, eles não carregam de forma alguma a fonte.

www.jcyco.com.br e www.juicyco.com.br

[baguera13 5]

Cara aqui está funcionando você já arrumou?

 

Da uma exemplo mais específico de um local onde a fonte nao está carregando, não consegui localizar.

 

O caminho está certo pois estão funcionando!

[guicampos1 4]

Cara aqui está funcionando você já arrumou?

 

Da uma exemplo mais específico de um local onde a fonte nao está carregando, não consegui localizar.

 

O caminho está certo pois estão funcionando!

Acabei de arrumar, foi apenas colocar o stylesheet mais pra cima localizado no header.

Ficou:

<head>

TITLE

STYLESHEET

........

</head>