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');
}

我收到此错误：跨域请求被阻止：“相同源策略”不允许读取文件：/// 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上不起作用？

1 个答案: