Fonts.com @font-face在Chrome网络选项卡中显示状态已取消。

Question

我遇到一个奇怪的问题，今天在Chrome网络选项卡中，我的fonts.com字体状态被标记为取消。

问题表现为，在我访问安全页面（https）后，浏览到非安全页面时，字体会被取消。但是好消息是，经过几次刷新后，字体就可以正常显示了。

有什么想法吗，这可能是为什么呢？

- AlexForm

Answer 1

看一下Chrome控制台选项卡！可能会出现CORS错误 - 将以下行添加到您的htaccess文件中。

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"

should help

- NoWomenNoCry

Answer 2

在这种情况下，“已取消”状态通常“掩盖”与Fonts.com项目的域列表相关的403响应，该列表由我们的CDN用于确定页面是否允许使用Web字体。

如果刷新页面（最终）修复了它，那么很可能一个或多个所需的域名未包含在项目列表中。当加载此类域上的页面并请求字体时，403响应会被缓存，并且如果您没有明确清除或禁用缓存，则在字体通常可以正常工作的页面上使用几次，直到浏览器重新验证请求。

我们在此处提供了项目域列表的最佳实践FAQ： Fonts.com：项目域列表的最佳实践 如需进一步帮助，请发送电子邮件至[e-mail]，引用此问题以及您遇到困难的页面链接。

- Fonts.com Web Fonts Support