Web字体的Cookie请求标头

Question

我遇到了一个问题，我正试图通过CORS从不同的域加载经过身份验证的HTML内容。此内容包括对图像，样式和字体的引用。

我可以加载html，图片，样式等但由于某种原因我的cookie标题没有传递给任何Web字体，导致403禁止错误。

如果在登录后，我尝试直接访问webfont，我能够这样做并且下载得很好，但它在我们的CSS中的@ font-face at-rule内部失败了。

如何让浏览器在请求网络字体时发送auth cookie？这可能吗？有什么不对吗？

谢谢！

Answer 1

这个问题很老了，但我在Chrome for Android中遇到了同样的问题。

尚未测试，但猜测IOS浏览器也可能会显示此问题。

我在完成身份验证后解决了添加包含font-face和jquery的css的问题。

类似的东西：

$.when(my-function).done(function() {

$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', 'css/main.css'));
$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', 'css/font-awesome.min.css'));
});