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

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

Patricia Arquette
發布: 2024-11-07 00:15:02
原創
172 人瀏覽過

Why are my fonts not loading in Firefox when using @font-face with absolute URLs from an external domain?

了解Firefox 中的跨域@font-face 限制

問題:為什麼使用@font- 時我的字體無法在Firefox 中載入面對來自外部網域的絕對URL?

問題描述:

提供的程式碼片段利用 @font-face 來定義託管在「fwy.pagodabox」上的自訂字體。 com”,用於Shopify 商店。然而,在Firefox 13.0.1 中,這些字體沒有加載,導致問題是Firefox 的功能問題還是CSS 中使用的語法問題。

答案:

Firefox 對透過@font-face 從外部網域載入字型施加限制,除非特定的存取控制標頭到位。 Access-Control-Allow-Origin 標頭或請求字體的特定網域至關重要。跨域字體載入:

透過實作這些存取控制標頭,Shopify 商店可以存取pagodabox 伺服器上託管的字體,並且字體將在Firefox 中正確載入。

以上是當使用來自外部網域的絕對 URL 的 @font-face 時,為什麼我的字體無法在 Firefox 中載入?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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