为什么我的 @font-face 声明在 Chrome 中显示不正确的 MIME 类型？-css教程-PHP中文网

为什么我的 @font-face 声明在 Chrome 中显示不正确的 MIME 类型？

Susan Sarandon

发布： 2024-10-25 22:28:02

原创

860 人浏览过

Why does my @font-face declaration display an incorrect MIME type in Chrome?

“font-face”声明在 Chrome 中显示不正确的 MIME 类型

使用以下 @font-face 声明时：

<code class="css">@font-face {
    font-family: SolaimanLipi;
    src: url("font/SolaimanLipi_20-04-07.ttf");
}</code>

登录后复制

it在 Firefox 中运行完美，但在 Chrome 中失败。检查元素后，会显示以下消息：

Resource interpreted as font but transferred with MIME type application/octet-stream.

登录后复制

要解决此跨浏览器兼容性问题，请考虑 Paul Irish 建议的通用 @font-face 声明：

<code class="css">@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('☺'),
         url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}</code>

登录后复制

此声明通过提供以下内容来迎合不同的浏览器：

.eot（适用于 Internet Explorer）
.woff 或 .ttf（适用于其他浏览器）

生成这些字体使用 Font Squirrel 的字体生成器。

此外，添加 .htaccess 文件来定义字体类型：

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

登录后复制

以上是为什么我的 @font-face 声明在 Chrome 中显示不正确的 MIME 类型？的详细内容。更多信息请关注PHP中文网其他相关文章！