如何在S3上载字体真棒图标

Question

我正在使用Cloudfront提供字体和图像。 为此，我创建了s3存储桶，并将源指定在云端。 但是我不知道如何在s3存储桶中上传font-awesome。 我上传了css文件，并在html页面中给出了链接，但是每次我在控制台中出现错误，例如无法加载图标

谢谢！

Answer 1

仅上传css文件不起作用。

您需要上传维持相对路径的webfonts / svgs等文件夹。

也在上传之后。使它们可公开访问（默认情况下，它将不在s3上）

从https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself下载整个软件包

Answer 2

您应该在存储桶的属性中添加CORS配置，以允许某些http方法。

编辑以下代码，然后将其插入S3中：

  

  
1. 选择有问题的水桶。
  
2. 选择“属性”标签。
  
3. 展开“权限”部分。
  
4. 单击“编辑CORS配置”按钮，然后插入已编辑的配置：
  

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
  <CORSRule>
    <AllowedOrigin>http://www.your-site.com</AllowedOrigin>
    <AllowedOrigin>https://www.your-site.com</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>HEAD</AllowedMethod>
    <AllowedMethod>DELETE</AllowedMethod>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
  </CORSRule>
</CORSConfiguration>

现在它应该可以正常工作了。