CSS: 为什么@font-face 在 firefox 上不工作？

Question

我的本地 space 有字体，我尝试用 css @font-face 更改我的 html 字体，它在除 firefox 之外的任何浏览器上都有效。它只是一个简单的 html 和 css 文件，我没有像 apache 这样的服务器。

我该如何解决？

@font-face {
  font-family: 'iransans';
  src:   url('../fonts/IRANSansWeb.woff2') format('woff2'),
         url('../fonts/IRANSansWeb.woff') format('woff'),
         url('../fonts/IRANSansWeb.eot') format('embedded-opentype'),
         url('../fonts/IRANSansWeb.ttf') format('truetype');
}

我收到这个错误：跨源请求被阻止：同源策略不允许读取位于 file:///P:/workspace/karAmuzi/karamuzi%20project%201/fonts/IRANSansWeb.woff2 的远程资源。（原因：CORS 请求不是 http）。

Answer 1

这是因为 Firefox 浏览器的一些安全策略。它有一个禁用该策略的简单解决方案。在地址栏中搜索 about:config。它将显示有关浏览器保修失效并使其不稳定的警告。冒这个险。现在在页面中搜索 security.fileuri.strict_origin_policy 并双击它以将其布尔值设置为 false。这应该可以解决您的问题。

CSS: 为什么@font-face 在 firefox 上不工作？

CSS: Why is @font-face not working on firefox?

html

css

firefox

font-face