在外部網域中使用 @font-face 時，為什麼我的字體無法在 Firefox 中載入？

來自外部域的CSS @font-face 絕對URL：解決Firefox 中的字體載入問題

問題：

問題：

問題： >

使用@font-face規則和絕對URL載入字型時來自外部網域的字型無法在Firefox 13.0.1 中載入。

分析：

Firefox 需要為從不同網域載入的字體設定存取控制標頭。具體來說，Access-Control-Allow-Origin 標頭必須設定為 * 或允許請求字體的網域。

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>

解決方案：

對於Apache 伺服器，將以下程式碼加入.htaccess 檔案：

這會將以下程式碼加入.htaccess 檔案中：
• 其他注意事項：

如果您不使用 Apache，則需要查閱特定伺服器的文件軟體來了解如何設定存取控制標頭。 託管在不同子網域上的字型也需要設定存取控制標頭正確。 確保 CSS 中使用的字體實際上是託管在指定的 URL 上，並且具有 Web 瀏覽器存取的正確權限。

以上是在外部網域中使用 @font-face 時，為什麼我的字體無法在 Firefox 中載入？的詳細內容。更多資訊請關注PHP中文網其他相關文章！