为什么我无法在 Firefox 中使用 @font-face 从外部域加载字体？

来自外部域的 CSS @font-face 绝对 URL：解决 Firefox 中的字体加载问题

尝试开发一个商店部分Shopify，用户在单独的 Pagodabox 服务器上托管的字体无法在 Firefox 版本 13.0.1 中加载时遇到问题。他们的 CSS 使用绝对 URL 来引用字体，他们寻求帮助来确定问题的根源。

Firefox 强制执行安全措施，限制使用 @font-face 从外部域加载字体。当字体源位于不同的服务器上时，它必须附带访问控制标头，特别是将 Access-Control-Allow-Origin 标头设置为“*”或授权域。

要解决此问题问题，解决方案包括将 Apache 配置添加到 .htaccess 文件并重新启动服务器。下面是一个示例：

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

通过将指定的配置添加到 .htaccess 文件，Firefox 将识别访问控制标头并允许成功加载外部 Pagodabox 域上托管的字体。

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