Chrome中字体错误的MIMEtypes

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

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

这是在Firefox中完美的工作,但不是在Chrome中。 “检查元素”后,我收到以下消息:

资源解释为字体,但是使用MIMEtypesapplication / octet-stream传输。

任何build议将不胜感激。

像往常一样,不同的浏览器有不同的需求。 这是来自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如果你需要从源字体生成不同的types,你可以使用字体松鼠的font-face生成器

您还需要一个.htaccess来添加以下types的字体位置:

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

您可以忽略该警告,并可能要考虑这个post的主题, 正确的字体的MIMEtypes

其中还提到以下几点:

“注意:由于TrueType,OpenType和WOFF字体没有定义的MIMEtypes,因此不考虑指定的文件的MIMEtypes。

来源: http : //developer.mozilla.org/en/css/@font-face

您的字体文件不会被正确的MIMEtypes传送。 这是一个很容易修复的Web服务器configuration问题。

对于nginx,将其与现有typesconfiguration合并,通常在/etc/nginx目录中find:

 types {  application/vnd.ms-fontobject   eot;  application/x-font-woff   woff;  font/otf   otf;  font/ttf   ttf; } 

对于Apache,将这些行添加到在您的文档根目录中find的.htaccess

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

如果你可以编辑一个.htaccess文件,你应该尝试添加

 addType font/ttf .ttf 

否则你可以使用svg / svgz字体

如果你用nodeJS运行一个服务器,这是一个很好的模块来映射你的MIMEtypes

https://github.com/broofa/node-mime