如何克服 Firefox 對跨域 Web 字型嵌入的限制？

跨域Web 字體嵌入和Firebug 的頑固

當嘗試建立集中式字體儲存庫時，必須確保字體可以被跨不同網域存取。但是，某些瀏覽器可能會施加限制，尤其是在子網域的情況下。

在您的情況下，Firebug 顯示 font-face.css 檔案已成功加載，但字體未正確渲染。這可能是由於 Firefox 針對跨域 Web 字體嵌入的政策。

要克服此障礙，請將以下程式碼新增至託管字體的子網域的 .htaccess 檔案：

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

此程式碼向所有網域授予存取字體檔案的權限。

此外，您提到了限制存取的擔憂只有你自己。雖然 Access-Control-Allow-Origin 規範允許指定特定網域，但目前還沒有已知的瀏覽器支援 Origin 標頭驗證。因此，您在實現所需的字體儲存庫排他性層級時可能會遇到挑戰。

以上是如何克服 Firefox 對跨域 Web 字型嵌入的限制？的詳細內容。更多資訊請關注PHP中文網其他相關文章！