面对Safari的字体MIME类型警告

2018-06-16 14:30:52

我有一个简单的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类型application / octet-stream传输。

有趣的事实是，在Windows / Safari字体显示确定（.ttf文件），但显示警告，但在Mac / Safari的字体显示为透明/不可见 - 显示根本没有文字（.ttf字体文件加载+警告消息也来在控制台中）。

有任何想法吗？

当您的浏览器向Web服务器询问字体文件时，Web服务器会回复标题信息和文件内容。看起来，网络服务器提供MIME类型的应用程序/八位字节流的.ttf文件。浏览器可以期待一些特殊的MIME字体类型，例如application / x-font-ttf您可以在apache配置中使用AddType application/x-font-ttf .ttf来指定MIME类型。

顺便说一下，你的@ font-face中有2个src部分。可能你应该把它们合并成一个用逗号分隔每个源的东西。

链接地址: http://www.djcxy.com/p/46997.html

上一篇: face Safari font mime type warning

下一篇: face sometimes works in Internet Explorer but not always