Fonts.com @ font-face implementation show status =在Chrome网络标签中取消

Ale*_*orm 5 https networking google-chrome font-face

我有一个奇怪的问题,今天我在fonts.com中的字体在Chrome网络标签中取消了状态.

行为是当我访问安全页面(https)然后导航到不安全页面时,字体被取消.但好消息是,经过一些刷新后,字体可以正常使用.

有什么想法可能会发生吗?

小智 9

看看chrome控制台选项卡!可能存在CORS错误 - 在您的htaccess文件中添加以下行

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Run Code Online (Sandbox Code Playgroud)

应该有所帮助


小智 2

在这种情况下,“取消”状态通常是“屏蔽”403 响应,该响应与 Fonts.com 项目的域列表相关,我们的 CDN 使用该域列表来确定页面是否允许使用网络字体。

如果刷新页面(最终)修复了该问题,则很可能一个或多个所需的域尚未包含在项目列表中。当加载此类域上的页面并请求字体时,403 响应会被缓存,如果您没有显式清除或禁用缓存,则会在字体通常在浏览器之前工作的页面上使用几次重新验证请求。

我们在此处提供了该项目域列表的最佳实践常见问题解答:

Fonts.com:项目域列表的最佳实践

如需进一步帮助,请发送电子邮件至 webfontssupport@fonts.com,提及此问题以及您遇到困难的页面的链接。