html - CSS:为什么@ font-face在Firefox上不起作用？

我在我的本地空间中有字体，并尝试使用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');
}

我收到此错误：
跨域请求被阻止：“相同来源策略”不允许读取文件：/// P：/workspace/karAmuzi/karamuzi%20project%201/fonts/IRANSansWeb.woff2上的远程资源。 （原因：CORS请求不是http）。

最佳答案

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