為什麼我的 @font-face 不能在 Firefox 中工作？

CSS @font-face 在 Firefox 中不起作用：解決跨域和本地託管問題

Firefox在渲染定義的自訂字體方面表現出特殊性使用@font-face規則，特別是當HTML和CSS檔案駐留在本地或不同的地方時

本地託管(file:/ //)

Firefox 對本機檔案存取(file:///) 強制執行嚴格的來源原則。若要解決此問題：

• 導覽至 Firefox 網址列中的 about:config。
• 按「fileuri」過濾並將「security.fileuri.strict_origin_policy」切換為 false。

這允許Firefox 訪問本地字體資源，無論文件路徑如何

已發布的網站

如果問題在已發布的網站上仍然存在，則值得考慮：

• 新增存取控制- .htaccess中的 .ttf、.otf 和 .eot 檔案的允許來源標頭檔案：

• 或者，base64 對字體進行編碼（儘管出於美觀考慮不建議）。

其他資訊

有關此問題的全面概述，請參閱以下內容連結：

• [Firefox 中的 CSS跨來源字體](https://developer.mozilla.org/en-US/docs/Glossary/Prefetch#Cross-origin_font_loading)
• [啟用跨域字體火狐](https://stackoverflow.com /questions/19223013/enable-cross-domain-fonts-in-firefox)

以上是為什麼我的 @font-face 不能在 Firefox 中工作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！