Estou a fazer a pré-compilação de activos, e a executar a aplicação no modo de produção. Após a compilação, quando carrego a minha página de índice, recebo os avisos seguintes na consola cromada:
Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0
prospects:1 OTS parsing error: invalid version tag
Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0
prospects:1 OTS parsing error: invalid version tag
**A questão é que não se trata de carregar ícones em vez de mostrar quadrados***.
utilizámos as fontes personalizadas e o código é:
@font-face {
font-family: 'icomoon';
src: font-url('icomoon.eot');
src: font-url('icomoon.eot?#iefix') format('embedded-opentype'),
font-url('icomoon.ttf') format('truetype'),
font-url('icomoon.woff') format('woff'),
font-url('icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
Eu não'não sei o que falta no meu fim . Procurei muito e também experimentei uma solução mas não obtive qualquer sucesso. No modo de desenvolvimento funciona bem mas don'não sei porque é que o seu quadrado no modo de produção.
Recebi exactamente o mesmo erro, e no meu caso acabou por ser devido a um caminho errado para a declaração @font-face
. O inspector da web nunca se queixou com um 404 desde que o servidor dev we're utilizando (live-server) foi configurado para servir o index.html padrão em qualquer 404:s. Sem conhecer quaisquer detalhes sobre a sua configuração, isto pode ser um provável culpado.
Se correr no IIS como servidor e .net 4/4.5 pode estar a faltar definições de mime / extensão de ficheiro em Web.config - como isto:
<system.webServer>
<staticContent>
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<remove fileExtension=".ttf" />
<mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
<remove fileExtension=".svg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>
</system.webServer>