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