从公用文件夹提供的 Next.js 字体的内容类型错误答案

【问题标题】：Next.js fonts served from public folder have wrong content-type从公用文件夹提供的 Next.js 字体的内容类型错误
【发布时间】：2020-07-16 23:26:27
【问题描述】：

我有一个 Next.js 网站，我在其中使用 @font-face 提供一些自托管字体，并且在本地字体可以正常通过，没有错误和正确的内容类型，如下所示：

但是，一旦我在生产服务器上启动它，就会提供字体，但会出现 500 个错误，并且内容类型为 text/html。

不确定这里发生了什么。我之前在其他网站上通过公用文件夹提供字体没有问题。这是在 Digital Ocean 上，有一个定制的快递服务器处理一些额外的事情。我尝试过不同的字体文件类型、移动字体目录等。

更奇怪的是，我在 Chrome 上只收到 500 个错误。 Safari 和 Firefox 都会提供状态为 200 的字体，但它们的内容类型仍然是 txt。

【问题讨论】：

【解决方案1】：

原来是 CORS 问题。我必须通过 Express.js 更新我的 CORS 策略以允许远程服务器。这为我解决了这个问题。

【讨论】：