跨域字體嵌入:為什麼只能在同一域上?
您正在嘗試為您的網站建立字體儲存庫,使用@font-face聲明。您已在子網域上為每種字體設定了資料夾,並建立了一個包含字體絕對連結的 font-face.css 文件,並確認它已成功載入。但是,這些字體未顯示在您的其他網站上。
問題:
Firefox 限制跨域字體嵌入,包括子域。這是一項安全措施,旨在防止未經授權存取其他網站的字體。
解決方案:
要在子網域上啟用跨域字體嵌入,請新增以下內容程式碼片段到該子網域的.htaccess 檔:
<filesmatch> <ifmodule mod_headers.c> Header set Access-Control-Allow-Origin "*" </ifmodule> </filesmatch>
此程式碼允許任何網站存取透過將Access-Control-Allow-Origin標頭設定為“*”來建立您的子網域。
關於存取控制:
雖然W3C 規範允許使用通配符或Access-Control-Allow-Origin 的特定領域,它沒有提供驗證Origin 標頭的明確機制。目前,上述解決方案應該允許從所有網站進行存取。
以上是為什麼我無法在其他網站上嵌入我的子網域中的字體?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

這是我們在形式可訪問性上進行的小型系列中的第三篇文章。如果您錯過了第二篇文章,請查看“以:focus-visible的管理用戶焦點”。在

CSS盒子陰影和輪廓屬性獲得了主題。讓我們查看一些在真實主題中起作用的示例,以及我們必須將這些樣式應用於WordPress塊和元素的選項。

Svelte Transition API提供了一種使組件輸入或離開文檔(包括自定義Svelte Transitions)時動畫組件的方法。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

禪工作室 13.0.1
強大的PHP整合開發環境

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Dreamweaver CS6
視覺化網頁開發工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具