為什麼我的 CSS `@font-face` 在 Firefox 中不起作用，但在 Chrome 和 IE 中起作用？

CSS @font-face 不能在Firefox 工作，但可以在Chrome 和IE 中工作

遇到@font-face功能的問題在Firefox 中，而在Chrome 和IE 中無縫運行可能會令人困惑。本文將深入探討潛在的原因和解決方案。

本地運行網站 (file:///)

Firefox 強制執行針對「檔案 uri 來源」的嚴格政策。若要使其行為與其他瀏覽器保持一致，請在about:config 中修改下列偏好設定：

• security.fileuri.strict_origin_policy



將其值切換為「false」允許跨路徑載入本機字體資源。

已發佈網站




對於已發佈網站，請考慮添加額外的.htaccess 中的標頭以解決潛在的跨域問題問題：

<filesmatch><pre class="brush:php;toolbar:false"><IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

或者，您可以探索使用字體的Base64編碼作為解決方法。

以上是為什麼我的 CSS `@font-face` 在 Firefox 中不起作用，但在 Chrome 和 IE 中起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！