Estoy haciendo una precompilación de activos, y ejecutando la aplicación en modo de producción. Después de la compilación cuando cargo la página de mi índice tengo las siguientes advertencias en la consola de Chrome:
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
El problema es que no se cargan los iconos en lugar de que su mostrando cuadrados .
Hemos utilizado las fuentes personalizadas y el código es:
@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;
}
No se que es lo que falta de mi parte. En el modo de desarrollo funciona bien, pero no sé por qué se muestra cuadrado en el modo de producción.
Tengo exactamente el mismo error, y en mi caso resultó ser debido a una ruta incorrecta para la declaración @font-face
. El inspector web nunca se quejó con un 404 ya que el servidor de desarrollo que usamos (live-server) estaba configurado para servir el index.html por defecto en cualquier 404:s. Sin saber ningún detalle sobre su configuración, esto podría ser un probable culpable.
Si se ejecuta en IIS como el servidor y .net 4/4.5 puede ser que falten definiciones de mime / extensión de archivo en Web.config - así:
<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>