為什麼我無法在 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中文網其他相關文章！