Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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;
}Caso queiram ver o código agindo: www.juicycompany.com.br
Agradeço desde já pela compreensão...
Obrigado!
"../../../../../" 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;
}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.
>
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.
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/ .
>
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
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!
>
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>
"../../../../../" isso existe? ashdusuids