如何在 Firefox 中使用 @font-face 跨網域載入字體？

使用@font-face跨域字體載入

在嘗試為多個網站建立中央字體儲存庫時，開發人員遇到了一個特殊的問題：@font-face 字體只能在儲存庫所在的子網域上存取。儘管成功連結到其他網站上的 font-face.css，但字體載入失敗。

原因

此行為源自於 Firefox 的安全策略，該策略認為交叉域字體嵌入有害。

解決方案

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

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

存取限制

雖然修改後的.htaccess允許所有網站存取該字體，開發人員表示希望將存取限制為僅授權使用者。但是，Access-Control-Allow-Origin 的 W3C 規格將選項限制為通配符「*」或特定領域。

以上是如何在 Firefox 中使用 @font-face 跨網域載入字體？的詳細內容。更多資訊請關注PHP中文網其他相關文章！