为什么我的自定义字体在 Firefox 中显示，但在 Chrome 中不显示？

Chrome 不显示自定义字体：MIME 类型不匹配

问题：

使用 @font-face 的自定义字体声明在 Firefox 中显示正确，但在 Chrome 中显示失败。 Chrome 报告错误：“资源解释为字体，但使用 MIME 类型 application/octet-stream 传输。”

答案：

不同的浏览器有不同的字体支持。为了确保跨浏览器兼容性，请使用包含多种字体格式的全面 @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 文件添加到字体所在的目录，并包含以下 MIME 类型：

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

以上是为什么我的自定义字体在 Firefox 中显示，但在 Chrome 中不显示？的详细内容。更多信息请关注PHP中文网其他相关文章！