Chrome中的MIME类型错误的font-face

Question

这是@font-face我用过的声明:

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

这在Firefox中完美运行,但在Chrome中则不然.在"检查元素"后,我收到以下消息:

资源解释为字体但使用MIME类型application/octet-stream传输.

任何建议将不胜感激.

Answer 1

像往常一样,不同浏览器有不同的需求.这是一个跨浏览器的@fontface声明,取自Paul Irish博客 -

@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