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中文網其他相關文章！
