为什么我的 CSS @font-face 在 Firefox 中不起作用？

CSS @font-face 在 Firefox 中无法渲染

尽管在 Google Chrome 和 Internet Explorer 中正常运行，CSS @font-face 规则在 Firefox 中不起作用。尽管@font-face 代码似乎有效，但该问题似乎是 Firefox 特有的。要解决此差异，需要了解 Firefox 中的配置和设置。

本地文件 URI 策略

Firefox 对文件 URI 来源 (file:///) 采用严格的策略，这可能会阻碍本地资源的加载。要解决此问题，请导航至 Firefox 地址栏中的“about:config”，按“fileuri”进行过滤，并将“security.fileuri.strict_origin_policy”首选项切换为 false。这使得 Firefox 在处理本地字体资源时的行为与其他浏览器类似。

跨域问题

如果网站发布后问题仍然存在，则可能是有必要考虑潜在的跨域问题。即使在代码中指定了相对路径，也建议在 .htaccess 文件中添加额外的标头：

<FilesMatch "\.(ttf|otf|eot)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

此标头应防止任何潜在的跨域限制。此外，可以对字体字体使用 Base64 编码，这也可以解决该问题。

有关更多信息和全面概述，请参阅答案中提供的资源。

以上是为什么我的 CSS @font-face 在 Firefox 中不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！