为什么我的 CSS `@font-face` 在 Firefox 中不起作用，但在 Chrome 和 IE 中起作用？

CSS @font-face 不能在 Firefox 中工作，但可以在 Chrome 和 IE 中工作

遇到 @font-face 功能的问题在 Firefox 中，而在 Chrome 和 IE 中无缝运行可能会令人困惑。本文将深入探讨潜在的原因和解决方案。

本地运行网站 (file:///)

Firefox 强制执行针对“文件 uri 来源”的严格政策。要使其行为与其他浏览器保持一致，请在 about:config 中修改以下首选项：

• security.fileuri.strict_origin_policy

将其值切换为“false”允许跨路径加载本地字体资源。

已发布网站

对于已发布网站，请考虑添加额外的.htaccess 中的标头以解决潜在的跨域问题问题：

<FilesMatch ".(ttf|otf|eot)$"></p><pre class="brush:php;toolbar:false"><IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule></p>
<p></FilesMatch><br>

或者，您可以探索使用字体的 Base64 编码作为解决方法。

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