0

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

4

1 回答 1

1

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

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

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

于 2012-11-27T18:28:31.630 回答