http - 取消状态阻止字体下载

Question

我有一个页面，其中包含一些文本，这些文本被赋予了字体家族：

该字体是从一家铸造厂下载的，并为带有@font-face 的页面定义：

当页面呈现时，浏览器会退出字体，但请求被取消阻止，并且文本没有应用字体系列：

有谁知道可能导致此取消的原因是什么？这曾经有效，我无法想象我做了什么或发生了什么破坏它。

谢谢你的帮助。

Answer 1

标Access-Control-Allow-Origin头只需要一个来源或通配符 ( *)。

您在问题评论中提到的错误（“'Access-Control-Allow-Origin'标头包含多个值......但只允许一个”）清楚地表明Access-Control-Allow-Origin标头中有多个值，或者有多个Access-Control-Allow-Origin标头。

要解决此问题，应该只有一个Access-Control-Allow-Origin标头，只有一个原始值。

---

如问题中所述：“这曾经有效”。我猜这个问题是由于Access-Control-Allow-Origin在服务器配置中意外添加了额外的标头引起的。

---

作为参考，请查看 W3C规范：

一个资源可以定义一个Access-Control-Allow-Origin 标头。标头必须与以下 ABNF 匹配：

Access-Control-Allow-Origin = "Access-Control-Allow-Origin" ":" ascii-origin | “*”

ascii-origin = 原点的 ASCII 序列化

Answer 2

1. 把它放在你的虚拟主机定义或.htaccess文件中：

   <FilesMatch ".(ttf|otf|woff|woff2|eot|ttc)$">
       Header set Access-Control-Allow-Origin "*"
       Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
   </FilesMatch>
   

2. 重新启动 Apache Web 服务器

3. 多次刷新页面（硬刷新）