Css 首次加载页面时不会加载字体

当我的网站第一次加载的字体没有加载。我收到以下错误

Font from origin 'https://locohop.com' has been blocked from loading by 
Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' 
header is present on the requested resource. Origin 'http://locohop.com'
is therefore not allowed access.

我在谷歌上搜索了很多，这个问题已经被问到了

我遵循上述问题中给出的所有步骤，但字体工作不正确。和 我正在使用AWSEC2实例

这是我的CORS配置

<CORSConfiguration>
    <CORSRule>
        <AllowedOrigin>https://www.locohop.com</AllowedOrigin>
        <AllowedOrigin>http://www.locohop.com</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Content-*</AllowedHeader>
        <AllowedHeader>Host</AllowedHeader>
    </CORSRule>
</CORSConfiguration> 

https://www.locohop.com
http://www.locohop.com
得到
3000
内容-*
主办

我不知道为什么会出现这个错误？非常感谢你的帮助

---

谢谢。

您需要在.htacess中创建CORS策略

Header add Access-Control-Allow-Origin "locohop.com"

---

有趣的是，你没有提到你是否读过，所以：当你使用这个页面最简单的例子时会发生什么？（只是allowedOrigin和allowedMethod，带有

*

标题余量）@Mike Yes！我已经阅读并检查了AllowedHeader*但字体不起作用浏览器显示没有发送CORS标题：您确定您的CORS配置生效了吗？