Squarespace 上的 @font-face 未在 Firefox 中显示答案

【问题标题】：@font-face on Squarespace not displaying in firefoxSquarespace 上的 @font-face 未在 Firefox 中显示
【发布时间】：2012-11-29 03:31:39
【问题描述】：

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

【问题讨论】：

these solutions 中的任何一个对您有帮助吗？
似乎效果最好的解决方案是上传到 Font Squirrel 并使用 64 位编码。我要使用的字体不适用于字体松鼠。
您是否尝试将本地设置为“Stagger Medium”？
我看到一些事情提到使用访问控制标题的跨站点字体使用。有这种可能吗？不过，我不完全确定如何实现。
我还了解到，如果您将字体与网站放在同一目录中，那么在 Firefox 中应该不会有问题。但是，我使用的是 Squarespace，所以我只能将字体存储在 STORAGE 目录中，该目录与站点所在的位置是分开的。

标签： html css fonts font-face squarespace

【解决方案1】：

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

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

为了安全起见，我把两者都放了。

【讨论】：