在Chrome中遇到错误的MIME类型
这是我用过的@font-face声明：
@font-face {
font-family: SolaimanLipi;
src: url("font/SolaimanLipi_20-04-07.ttf");
}
这在Firefox中完美运行，但不在Chrome中运行。 “检查元素”后，我收到以下消息：
资源解释为字体，但用MIME类型application / octet-stream传输。
任何建议将不胜感激。
像往常一样，不同的浏览器有不同的需求。 这是一个来自Paul Irish博客的跨浏览器@fontface声明 -
@font-face {
font-family: 'Graublau Web';
src: url('GraublauWeb.eot');
src: local('☺'),
url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}
.eot用于IE，其余浏览器使用.woff或.ttf如果您需要从源字体生成不同类型，则可以使用Font Squirrel的字体生成器
您还需要一个.htaccess来添加以下类型的字体位置：
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff
您可以忽略该警告，并且可能希望考虑关于主题的此帖，适用于字体的适当MIME类型
其中还提到了以下内容：
“注意：由于TrueType，OpenType和WOFF字体没有定义的MIME类型，因此不考虑指定的文件的MIME类型。”
来源：http://developer.mozilla.org/en/css/@font-face
您的字体文件不会被正确的MIME类型传送。 这是一个易于修复的Web服务器配置问题。
对于nginx，将其与现有类型配置合并，通常位于/etc/nginx目录中：
types {
application/vnd.ms-fontobject eot;
application/x-font-woff woff;
font/otf otf;
font/ttf ttf;
}
对于Apache，将这些行添加到在您的文档根目录中找到的.htaccess ：
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff