@font-face Safari 字体 mime 类型警告
我有一个简单的 html/css 布局，通过 @font-face 使用自定义字体：
@font-face {
font-family: 'Gotham-Medium';
src: url('../Font/Gotham-Medium.eot');
src: url('../Font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
url('../Font/Gotham-Medium.ttf') format('truetype'),
url('../Font/Gotham-Medium.svg#Gotham-Medium') format('svg');
font-weight: normal;
font-style: normal;
}
包括 IE6 在内的所有浏览器都能正确加载字体 - 但我在 Safari (5.0.4) 中收到警告。
资源解释为字体但以 MIME 类型传输 应用程序/八位字节流。
有趣的是，在 Windows/Safari 上字体显示正常（.ttf 文件）但显示警告，但在 Mac/Safari 上字体显示为透明/不可见 - 根本不显示任何文本（.ttf 字体文件确实加载+警告消息也出现）在控制台中）。
有什么想法吗？
I have a simple html/css layout using a custom font via @font-face:
@font-face {
font-family: 'Gotham-Medium';
src: url('../Font/Gotham-Medium.eot');
src: url('../Font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
url('../Font/Gotham-Medium.ttf') format('truetype'),
url('../Font/Gotham-Medium.svg#Gotham-Medium') format('svg');
font-weight: normal;
font-style: normal;
}
All browsers including IE6 load the font correctly - but I get a warning in Safari (5.0.4).
Resource interpreted as font but transferred with MIME type
application/octet-stream.
Funny fact is that on Windows/Safari font displays ok (.ttf file) but shows warning, but on Mac/Safari the font displays as transparent/invisible - showing no text at all (.ttf font file does load + warning message also comes up in console).
Any ideas?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
当您的浏览器向网络服务器请求字体文件时，网络服务器会回复标头信息和文件内容。看来网络服务器提供了带有 mime 类型应用程序/八位字节流的 .ttf 文件。浏览器可以期待一些特殊的 MIME 类型的字体，例如 application/x-font-ttf
您可以在 apache 配置中使用 AddType application/x-font-ttf .ttf 来指定 mime 类型。
顺便说一句，你的 @font-face 中有 2 个 src 部分。也许您应该将它们组合成一个，用逗号分隔每个源。
When your browser ask web-server for font file the webserver replies with header information and file contents. And it seems that web-server gives .ttf file with mime-type application/octet-stream. Browser can expect some special mime type for font, like application/x-font-ttf
You can use
AddType application/x-font-ttf .ttfin apache configuration to specify mime type.Btw, you have 2 src sections in your @font-face. Probably you should combine them into one separating each source with comma.