為什麼我無法在 Firefox 中載入外部網域的字體？

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