时间戳

首页 > 解决方案 > CSS：为什么@font-face 不能在 Firefox 上运行？

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

问题描述

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

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

标签： htmlcssfirefoxfont-face

解决方案

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

推荐阅读