Ésta es la declaración @font-face he utilizado:font-face con el tipo MIME mal en Chrome
@font-face {
font-family: SolaimanLipi;
src: url("font/SolaimanLipi_20-04-07.ttf");
}
Esto está funcionando perfectamente en Firefox pero no en Chrome. Después de "elemento de inspeccionar" Tengo el siguiente mensaje:
de Recursos interpretarse como fuente pero transferidos con tipo MIME application/octet-stream.
Cualquier sugerencia será apreciada.
Como es habitual, diferentes navegadores tienen diferentes necesidades. Aquí está una declaración navegador @fontface transversal, tomada desde el Paul Irish blog - .eot
@font-face {
font-family: 'Graublau Web';
src: url('GraublauWeb.eot');
src: local('☺'),
url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}
es para IE, el resto de los navegadores utilice cualquiera .woff o .ttf Si necesita generar los diferentes tipos de la fuente de origen, puede utilizar la fuente de ardilla font-face generator
también es necesario un .htaccess para la ubicación de las fuentes de la adición de los siguientes tipos:
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff
Muchas gracias.Esto es muy útil para mí. Estoy usando el truco .htaccess porque tengo el privilegio. – moonstruck
¿Alguien tiene una solución compatible con IIS? – David
@david Acabo de solucionar un problema relacionado en iis. parece que no hay una asignación predeterminada para los archivos * .woff *. agregando y configurando correctamente la asignación trabajada para mí ... – xandercoded
si se puede editar un archivo .htaccess usted debe tratar de una dd
addType font/ttf .ttf
de lo contrario se podría utilizar una fuente SVG/svgz lugar
Puede pasar por alto la advertencia y puede que desee considerar este post sobre el tema, Proper MIME type for fonts
Lo que también menciona lo siguiente:
"Nota: Debido a que no hay tipos MIME definidos para TrueType, OpenType, y fuentes WOFF, el tipo MIME del archivo especificado no es considerado ".
Sus ficheros no están siendo trasferred con el tipo MIME adecuado. Este es un problema de configuración del servidor web que puede solucionarse fácilmente.
Para Nginx, combinar esto con config tipos existentes, que normalmente se encuentran en el directorio /etc/nginx:
types {
application/vnd.ms-fontobject eot;
application/x-font-woff woff;
font/otf otf;
font/ttf ttf;
}
Para Apache, añadir estas líneas a .htaccess que se encuentran en la raíz del documento:
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff
No es un problema grande pero confuso. ¡Gracias por responder! –
Si ejecuta un servidor con nodeJS, este es un buen módulo para mapear sus tipos de mime
¿Qué tal si agregas 'AddType font/ttf .ttf' en un htaccess? – MatTheCat
Posible duplicado de http://stackoverflow.com/questions/2871655/proper-mime-type-for-fonts –