css – font-face在Chrome中的MIME类型错误

这是我使用的@ font-face声明：

@font-face {
    font-family: SolaimanLipi;
    src: url("font/SolaimanLipi_20-04-07.ttf");
}

这在Firefox中正常工作，但在Chrome中不工作。
“inspect element”之后，我得到以下消息：

Resource interpreted as font but transferred with MIME type application/octet-stream.

任何建议将不胜感激。

解决方法

和往常一样，不同的浏览器有不同的需求。这里是一个跨浏览器@fontface声明，取自 Paul Irish blog –

@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的font-face generator

您还需要一个.htaccess到字体的位置添加以下类型：

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff