首頁 > web前端 > css教學 > 在外部網域中使用 @font-face 時,為什麼我的字體無法在 Firefox 中載入?

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

Mary-Kate Olsen
發布: 2024-11-07 04:53:02
原創
452 人瀏覽過

Why Aren't My Fonts Loading in Firefox When Using @font-face with an External Domain?

來自外部域的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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板