Question

我正在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目录中，该目录与网站所在的位置是分开的。

Answer 1

对不起，实际上恰恰相反，删除了完整的网址：

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

我认为两者都是为了安全。

Squarespace上的@ font-face没有在firefox中显示

1 个答案: