加载Fonts.com Web字体在Chrome中不起作用（仅在部署时有效？）

Question

我目前正在通过GitHub Pages托管一个React / Gatsby项目，并且我一直在用fonts.com及其网络字体系统弄乱以获得Rockwell字体。 我按照将脚本标记输入到代码部分的说明进行操作：

<script type="text/javascript" src="//fast.fonts.net/jsapi/0a390850-37c6-420c-8ead-c15e81202559.js"></script>

在引用域时，我遵循了他们的所有建议，并且遇到了这个有趣的错误。

1. 字体在Firefox中可以正常正常加载。

   一种。 更新：这不是真的，它也被缓存在那里。

2. 当我运行“ gatsby开发”并使我的项目在localhost：8000中运行时，字体也会加载

   一种。 （我知道它在localhost中有效，因为我使用了Chrome的漂亮“空缓存和硬重载”功能。）

3. 但是，当我在Chrome中上拉页面时，出现以下错误

    GET https://fast.fonts.net/dv2/14/8dd355f9-1a9a-4d91-8aa1-7dcc9deeb439.woff2?d44f19a684109620e4841578a490e8187cac2bf7466ecccd35f843ec9e8410dc73fea4cea7acbbbaf9d830e48fc615a792f4b24a1c10853efb77f66879fc39a15a09593f079cf7a38cb48dd4836fa2ebba1b54d33b577d893508a6f4d0526453533728dec4671fee2d130ac32d5b8a97d5&projectId=0a390850-37c6-420c-8ead-c15e81202559 net::ERR_ABORTED 

所以要么显示出来，要么我收到403错误。 （我遵循了他们发布的关于解决403错误的建议。）

我已经搜寻了Google，却一无所获。 我发现了一个类似的问题，建议在CSS中使用@import，但这不起作用，因为它是一个javascript文件

据我所知，这与加载字体的woff2部分特别相关，但是我无法删除该部分，因为它是Web字体。 不知何故导致了net :: ERR_ABORTED。 它可能与盖茨比的出版方式有关吗？ 或者也许React如何处理脚本标签？

感谢您提供的任何建议！

更新：Firefox已缓存。 这使我相信Webpack弄乱了脚本标签/下载的内容。

Answer 1

好吧，我解决了这个问题。 当项目托管在项目域（www.mywebsite.com/project）上时，我在网络调用的深处看到请求本身来自常规域（www.mywebsite.com）。 因此，我不得不在列出的域中进行调整。