typekit：在 Firefox 上失败，在 Chrome 和 Safari 上工作

Posted 2023-02-19

【中文标题】typekit：在 Firefox 上失败，在 Chrome 和 Safari 上工作

【英文标题】：typekit: Failed on Firefox, Worked on Chrome and Safari

【发布时间】：2012-02-05 08:46:21

【问题描述】：

我可以在 Chrome 和 Safari 上嵌入 typekit-hosted 字体，但由于某些原因，不能在 Firefox 上。我正在运行 FF v9.0.1，但我认为它与版本无关（因为同样的事情发生在 FF 8 上）。

在 Firebug 控制台选项卡中，我收到以下错误消息：

NetworkError: 403 Forbidden - http://use.typekit.com/k/amh2oiv-d.css?3bb2a6e ...（以及一堆其他字符）

我不明白的部分是它在 Chrome 和 Safari 上运行良好，这验证了我的 Typekit“工具包”和 JS 代码已正确配置。我应该找到任何其他信息来解决此问题吗？

【参考方案1】：

您是否有任何机会在 Firefox 上关闭了推荐人？任何处理隐私设置的扩展程序？

如果您可以在其他浏览器中看到字体，那么它一定是阻止来自 Firefox 的引荐来源网址被传递到 Typekit。所有网络字体服务都要求提供该引用者，以便出于安全目的将字体绑定到域。

【讨论】：

非常感谢，@Brad！在这种情况下，谁是referrer和reference？

【参考方案2】：

补充 Brad，这些是关于 http 引用的 FF 配置：

0 : 从不发送 Referer 标头或设置 document.referrer。

1 ：点击链接时发送Referer header，并为后续页面设置document.referrer。

2 ：点击链接或加载图片时发送Referer header，并为下一页设置document.referrer。 （默认）

来源：http://kb.mozillazine.org/Network.http.sendRefererHeader

Typekit 需要此配置：2... 所以：

打开火狐。 在 URL 地址框中输入 about:config。 搜索：network.http.sendRefererHeader 如果值为0或1，则FF在加载页面资源时不发送referer，设置为2使其生效。 测试一下

它对我有用:)

【讨论】：

不知道为什么这个选项设置为0？

对我来说也一样。感谢您的帮助 - 但我不知道为什么它在我的机器上设置为“0”...

【参考方案3】：

我遇到了同样的问题。 TypeKit 不仅在 Firefix 上。从布拉德的回答我记得我统一了firefix上所有网页的字体。对我来说，解决方法是去

FireFox 选项 内容 字体和颜色点击高级 确保选中“允许页面选择自己的字体，而不是上面的选择”。