CSS：为什么@font-face 不能在 Firefox 上运行？

Question

我的本​​地空间中有字体，并尝试使用 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。这应该可以解决您的问题。