我在Squarespace上构建了一个站点,并且尝试使用@ font-face命令实现某些字体。我可以使其在Chrome和Safari中正常工作,但不能在Firefox中正常工作。

这是我的代码...

@font-face {
  font-family: "Stagger Medium";
  src: url("/storage/fonts/stagger/medium/staggermedium.eot");
src: local("?"),
  url("/storage/fonts/stagger/medium/staggermedium.woff") format("woff"),
  url("/storage/fonts/stagger/medium/Stagger%20Medium.otf") format("opentype"),
}


有任何想法吗?

编辑:
我已经看到一些使用访问控制标头提及“跨站点字体使用情况”的信息。那有可能吗?我不确定如何实现。

编辑:
我也读过,如果您将字体放在与网站相同的目录中,那么在Firefox中应该不是问题。但是,我正在使用Squarespace,所以我只能将字体存储在STORAGE目录中,该目录与站点所在的位置分开。

最佳答案

抱歉,实际上相反,删除完整的URL:

<link rel="stylesheet"
    href="/storage/css/fonts.css" type="text/css" charset="utf-8">


我把两者都只是为了安全起见。

07-24 17:13