这是我使用的@ 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