Font-Face - 服务器响应状态为 403（禁止）答案

【问题标题】：Font-Face - the server responded with a status of 403 (Forbidden)Font-Face - 服务器响应状态为 403（禁止）
【发布时间】：2020-05-09 08:40:35
【问题描述】：

我想加载 6 种字体，所以我下载了这些字体并在我的 css 文件中实现它们。

@font-face {
    font-family: "TTNorms";
    src: local('TT Norms Pro Regular'), url("../fonts/Copytext/TT\ Norms\ Pro\ Regular.otf") format("opentype");
}

加载css后，将不同的字体设置为这样的不同区域

<div class="col" style="font-family TTNorms !important"> some text </div>

如果我在本地打开网站，一切正常，但如果我上传到网络空间，我会收到错误消息：

加载资源失败：服务器响应状态为 403 (Forbidden)

我不明白为什么字体没有加载错误 403.. 有免费许可证。有什么遗漏吗？

【问题讨论】：

与字体许可无关。这是包含字体的文件夹的权限。首先修复您的 src: 行中的路径 - 然后检查该文件夹在您的网络服务器上的权限。确保它是 755
感谢@fraggley 现在它可以工作了，你能解释一下为什么我必须为每个 FontsFile 设置 755 或者为什么它不能自动设置为 755？
这只是您的网络服务器的配置方式 - 以及您上传字体的方式。我将提交一个答案，以便您关闭问题。

标签： html css google-chrome fonts

【解决方案1】：

您收到 403 错误，因为您的服务器说您无权访问这些字体。要访问它们：

在 CSS 的 src: 行中清理字体文件的路径
在您的服务器上，将您的字体文件夹（和字体）的权限更新为 755

【讨论】：

【解决方案2】：

弄清楚，如果你在加载字体、材料设计图标时遇到问题，并出现 403 禁止消息。你需要去 AWS S3 点击你的存储桶去权限>阻止公共访问设置并将它们关闭。

然后转到您在存储桶中遇到问题的文件，并在行动中将它们公开。这将解决加载字体、材料设计图标等问题。

【讨论】：