从 Dropbox 访问字体时出现 CORS 错误答案

【问题标题】：CORS error when accessing fonts from Dropbox从 Dropbox 访问字体时出现 CORS 错误
【发布时间】：2017-04-24 09:39:02
【问题描述】：

我正在尝试使用 CSS @font-face 规则访问我在 Dropbox 上托管的 .ttf 文件。

这是代码：

@font-face {
   font-family: calculatorFont;
   src: url(https://www.dropbox.com/s/6yufk6p4mmi8q3u/digital-7.ttf?dl=1);
}

我得到了这个错误。

来自“https://www.dropbox.com/s/6yufk6p4mmi8q3u/digital-7.ttf?dl=1”的重定向已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问 Origin 'null'。

我该如何克服这个问题？

【问题讨论】：

Ways to circumvent the same-origin policy 的可能重复项，并且略微偏离主题。
该线程中的哪个答案以任何方式解决了我的问题？
反向代理方法可以解决这个问题，但你甚至不应该以这种方式加载字体。您需要更改从 Dropbox.com 发送的标头以包含您的域名，以使其正确加载，不幸的是，您不能这样做。还有许多其他可能的方法来解决这个问题，这也是为什么这也是离题的原因。

【解决方案1】：

就像 Dropbox 一样，您可以尝试将静态资产放在 github 仓库中，然后通过为您的仓库启用 github 页面来发布它。

【讨论】：