为什么我无法在 Firefox 中使用子域中的 @font-face 字体？

跨域 @font-face 阻止

在尝试建立字体存储库时，您遇到了 @font 的问题子域中的 -face 声明只能在该子域内访问。 Firebug 确认 font-face.css 文件加载成功，让你对其他网站的字体加载失败感到困惑。

Firefox 的跨域限制

根本原因在于Firefox的安全措施。它可以防止跨域（包括子域）嵌入字体。此措施旨在防范潜在的恶意活动。

htaccess 文件修改

要克服 Firefox 中的此限制，请通过添加以下内容来修改子域的顶级 .htaccess 文件以下代码：

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

此代码向响应添加一个标头，允许跨源字体加载。

限制访问

当您最初试图授予自己对字体存储库的独占访问权限，Access-Control-Allow-Origin 的 W3C 规范仅允许通配符“*”或特定域。需要进一步研究以确定是否有选项可以对访问实施更精细的控制。

以上是为什么我无法在 Firefox 中使用子域中的 @font-face 字体？的详细内容。更多信息请关注PHP中文网其他相关文章！