Summernote图标未使用django显示-summernote

Question

(注:问题已解决，见下文更新)

我使用django-summernote，它的图标没有加载。我在其他堆栈帖子(如这一个)上遵循了多种建议，并尝试了关于github的几点建议，包括将CDN硬编码链接到summernote的CSS，我尝试将带有A) urls的@font-face css修改为本地字体文件，以及( B)将硬编码urls修改到我静态存储中的字体，这些都不起作用。我还试着用<script>标签直接将CSS文件(不受限制地)拉到我的页面中，也没有任何运气。

我使用数字海洋空间来提供静态文件(如果相关的话，它遵循AWS标准)，我可以验证它们是否正在加载，如图像所示。目录和每个资产都被指定为公共的。

​

​

此外，字体-可怕已经在我的整个应用程序(版本6)。我试着回到F-A的早期版本，它也不起作用。从其他帖子，似乎夏季笔记得到F-A图标，但我不知道如何。如果有人对这个问题有任何见解，我会很感激的。在Chrome和其他浏览器上，现在的情况如下：

​

​

除了编写一个脚本来代替summernote的图标之外，我不知道下一步该尝试什么。

更新：

看起来，summernote的字体被CORS策略阻塞了。解决方案是在数字海洋空间中为“访问-控制-允许-原产地”添加CORS策略。一开始我觉得问题就在我的应用程序里。一切都很顺利。

Answer 1

我通过下面的步骤解决了这个错误：

1-在AWS中进入S3桶

2-按桶名

3-进入页面底部并编辑“跨源资源共享(CORS)”。

4-添加以下代码并保存更改：

[
    {
        "AllowedHeaders": [
            "Authorization"
        ],
        "AllowedMethods": [
            "GET"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [],
        "MaxAgeSeconds": 3000
    },
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "HEAD",
            "GET",
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "ETag",
            "x-amz-meta-custom-header"
        ]
    }
]