Squarespace 上的 @font-face 在 Firefox 中不显示
我正在 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 目录中，该目录与站点所在的位置分开。
I'm building a site on Squarespace, and i'm trying to implement some fonts using the @font-face command. I can get it to work properly in Chrome and Safari, but not in Firefox.
Here is my code...
@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"),
}
Any ideas?
Edit:
I've seen some things mentioning Cross-Site Font Usage using access control headers. Is that a possibility? I'm not entirely sure how to implement that though.
Edit:
I've also read that if you put the fonts in the same directory as the website, then it shouldn't be a problem in Firefox. HOWEVER, i'm using Squarespace, so I can only store the font in the STORAGE directory, which is separate from where the site is located.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
抱歉，实际上恰恰相反，请删除完整的网址：
为了安全起见，我将两者都放在其中。
I'm sorry, it was actually the opposite, remove the full url:
I put both just to be safe.