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

前端之家收集整理的这篇文章主要介绍了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
原文链接:https://www.f2er.com/css/221891.html

猜你在找的CSS相关文章