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

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

问题：

使用带有绝对URL的@font-face规则从外部域加载字体时，在Firefox 13.0.1中加载字体失败。

分析：

Firefox 需要为从不同域加载的字体设置访问控制标头。具体来说，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>

这会将 Access-Control-Allow-Origin 标头设置为 *，允许所有域请求字体。

其他注意事项：

• 如果您不使用 Apache，则需要查阅特定服务器软件的文档以了解如何设置访问控制标头。
• 托管在不同子域上的字体还需要正确设置访问控制标头。
• 确保 CSS 中使用的字体实际上托管在指定的 URL 上，并且具有 Web 浏览器访问的正确权限。

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