Firefox 中的 CSS @font-face 绝对 URL 字体加载问题
背景：
当使用具有绝对 URL 的 CSS @font-face 规则来指定托管在不同域上的字体时，您可能会遇到 Firefox 中的字体加载问题。这可能会令人沮丧，尤其是当您希望在多个站点之间保持一致的样式时。
根本原因和解决方案：
出于安全原因，Firefox 限制从外部域加载字体的担忧。要解决此问题，字体主机服务器必须包含访问控制标头，特别是将 Access-Control-Allow-Origin 设置为“*”或特定允许的域。
对于 Apache Web 服务器，请将以下代码添加到您的 . 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>重启服务器后，Firefox 将能够从外部域加载字体，解决加载问题。
以上是为什么我无法在 Firefox 中加载外部域的字体？的详细内容。更多信息请关注PHP中文网其他相关文章！
