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中文網其他相關文章！
