Google Chrome + FireFox 未加载自定义字体（访问控制允许来源）

Question

我相信昨天我的网站的自定义字体停止运行。现在，字体仅在 Safari 上显示，而 Chrome 和 Firefox 将访问控制允许原始错误发送到各自的控制台。 铬错误：

Access to font at 'https://blockheaddevdevdev--grify.repl.co/styles/font/wide.ttf' from origin 'https://blockheaddevdevdev.grify.repl.co' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Firefox 错误：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://blockheaddevdevdev--grify.repl.co/styles/font/wide.ttf. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).[Learn More]

Here is the font I am using Here is the CSS that applies the fonts to the page Here is the page that should run these custom fonts

Answer 1

您正在从该域导入您的 style.css： https://blockheaddevdevdev--grify.repl.co

<link href="https://blockheaddevdevdev--grify.repl.co/styles/style.css" rel="stylesheet" type="text/css">

而不是：https://blockheaddevdevdev.grify.repl.co

这就是你得到一个跨域错误的原因。

如果你修复了链接标签，你不应该得到那个错误。

Answer 2

我将我的网址 http://127.0.0.1/sitename/ 替换为 http://localhost/sitename/ 并且它有效