Html 字体在本地不起作用，在服务器上不起作用

我使用了

字体

，但它不起作用。我在内部CSS中使用了以下代码：

@font-face {
font-family: acme;
src: url(https://s3.ap-south-1.amazonaws.com/mailer-reach-on-time/ACMESecretAgentBB_BoldItal.otf);
}

我的html代码如下：

<p style="text-align:center; font-family: acme; font-size:28px; color: #4D4B4B;">TYPICAL MEETING ROOM</p>

典型会议室

---

当我在本地使用它时，它工作得很好，但是当我将字体上传到服务器时，当我从服务器获取字体时，它就不工作了。请任何人提供解决方案。

使用此代码。它应该工作得很好

@font-face{
字体系列：“acme”；
src:url（'https://s3.ap-south-1.amazonaws.com/mailer-reach-on-time/ACMESecretAgentBB_BoldItal.otf');  
}

---

从Amazon S3 URL检索字体会导致以下错误。请注意，

null

就在这里，因为我正在从堆栈片段进行测试。在您的情况下，它很可能会被您的域所取代

在以下位置访问字体： '' 来源“null”已被CORS策略阻止：否 “Access Control Allow Origin”标头出现在请求的服务器上 资源因此，不允许访问源“null”

为了能够检索字体，您需要在S3存储桶上配置跨源资源共享，如AmazonS3文档中所述

以下配置允许对所有来源的GET请求（这可能过于宽松，具体取决于bucket的内容）：

*
收到

这不是一个解决方案。你只是回到了Arial。你的网站启用了https吗？因为您正在从https服务器加载字体，如果不是，则会出现跨源错误

<CORSConfiguration>
 <CORSRule>
   <AllowedOrigin>*</AllowedOrigin>
   <AllowedMethod>GET</AllowedMethod>
 </CORSRule>
</CORSConfiguration>