Amazon s3 如何在S3上上传字体图标

我使用cloudfront提供字体和图像。 为此，我创建了s3 bucket，并在cloudfront中给出了原点。 但我不知道如何上传字体在s3桶真棒。 我上传了css文件，并在我的html页面中提供了链接，但每次我在控制台中出现错误，比如加载失败图标

---

提前谢谢

仅仅上传css文件是行不通的

您需要上传维护相对路径的webfonts/SVG等文件夹

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

---

从

下载整个软件包，仅仅上传css文件是行不通的

您需要上传维护相对路径的webfonts/SVG等文件夹

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

---

从

下载整个软件包。您应该在bucket的属性中添加CORS配置，以允许使用某些http方法

编辑以下代码并将其插入S3，如下所示：

选择有问题的桶

选择“属性”选项卡

展开“权限”部分

单击“编辑CORS配置”按钮并插入编辑的配置：

http://www.your-site.com
https://www.your-site.com
得到
头
删除
放
邮递

---

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

您应该将CORS配置添加到bucket的属性中，以允许使用某些http方法

编辑以下代码并将其插入S3，如下所示：

选择有问题的桶

选择“属性”选项卡

展开“权限”部分

单击“编辑CORS配置”按钮并插入编辑的配置：

http://www.your-site.com
https://www.your-site.com
得到
头
删除
放
邮递

---

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

使用Cloudfront+S3的主要原因是为安全（ssl）静态内容站点服务，这是您的案例吗？是的，我使用的是字体awesome和google图标。使用Cloudfront+S3的主要原因是为安全（ssl）静态内容站点服务，这是您的案例吗？是的，我使用的是字体awesome和谷歌图标，但无法在s3上上传文件夹。有没有办法做到这一点。另一种方法是修改字体awesome css。打开要上载的css文件。您将看到它正在尝试导入一些外部文件（例如：src:url（“../webfonts/fa-brands-400.eot”）；）。。。找到该字体文件并单独上载。之后，编辑css文件以放置字体文件（eot和其他扩展名）（例如：src:url（“））的绝对路径，但无法在s3上上载文件夹。是否有任何方法可以这样做。另一种方法是修改css。打开要上载的css文件。您将看到它正在尝试导入一些外部文件（例如：src:url（“）../webfonts/fa-brands-400.eot“；）…找到该字体文件并单独上载。然后编辑css文件以放置该字体文件的绝对路径（eot和其他扩展名）（例如：src:url（“））我已经添加了cors，但我只上传了css文件，我想那是issuery@Afzal的答案。我已经添加了cors，但我只上传了css文件，我想那是issuery@Afzal的答案。

<?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>