如何克服 Firefox 对跨域 Web 字体嵌入的限制？

跨域 Web 字体嵌入和 Firebug 的顽固

当尝试建立集中式字体存储库时，必须确保字体可以被跨不同域访问。但是，某些浏览器可能会施加限制，尤其是在子域的情况下。

在您的情况下，Firebug 显示 font-face.css 文件已成功加载，但字体未正确渲染。这可能是由于 Firefox 针对跨域 Web 字体嵌入的政策。

要克服此障碍，请将以下代码添加到托管字体的子域的 .htaccess 文件中：

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

此代码向所有域授予访问字体文件的权限。

此外，您提到了限制访问的担忧只有你自己。虽然 Access-Control-Allow-Origin 规范允许指定特定域，但目前还没有已知的浏览器支持 Origin 标头验证。因此，您在实现所需的字体存储库排他性级别时可能会遇到挑战。

以上是如何克服 Firefox 对跨域 Web 字体嵌入的限制？的详细内容。更多信息请关注PHP中文网其他相关文章！