Css 静态aws站点上的自定义字体

我正在尝试使用字体脸在我的css类中使用自定义字体。我尝试了两种不同类型的文件（.otf和.ttf）。我有自定义字体文件上传到S3存储桶。我还为字体文件授予了公共权限，并尝试使用相对url路径和完整url路径

aws不支持这一点吗？我在这里读到了一些其他的答案，它们以同样的方式实现了字体，但在特定的浏览器中存在问题

CSS:

HTML:

测试自定义字体

---

可以清楚地识别该类，但未实现字体。这是aws的问题还是我遗漏了一些明显的东西？在aws静态站点上是否有其他使用自定义字体的方法？

我看到这是一篇老文章，因此为遇到相同问题的其他人发布更多信息

我曾与这个问题斗争过一段时间，直到最近才让它起作用。 有几件事需要检查：

浏览器缓存：在开发时定期使用匿名或清除缓存是一个好主意，我做了很多大的更改，不知道为什么我不能这样做有点尴尬

确保路径完全正确，即前面的

/

和大写字母不匹配。 例如，如果您的文件，

Custom\u font.ttf

位于内容文件夹中，则路径为

content/Custom\u font.ttf

，则css中的完整行为：

src:url（'content/Custom_font.ttf'）

如果在html中使用

，则路径始终相对于已打开的文件/页面或指定的基点

---

希望这有助于

步骤1：进入浏览器的开发者控制台，查看“网络”选项卡或“控制台”选项卡，并找到错误消息，说明浏览器未加载字体文件的原因。步骤2：回到这里，编辑您的问题以添加错误消息。控制台中没有错误。在网络中，该文件未列出。我假设它应该按其名称列出（例如图像文件）？我很困惑。听起来你的css有问题。它在本地有效吗？

@font-face {
    font-family: CustomFontName;
    src: url(/pathToCustomName/CustomFontName.ttf); 
}

div.testing{
    font-family: CustomFontName;
    font-size: 150px;
}

<div class="testing"> TESTING CUSTOM FONT </div>