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

Question

我在本地空间中有字体，并尝试使用css @font-face更改我的html字体，并且该@font-face在除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）。

Answer 1

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