使用CDN中的Ionicons时，如何解决CORS问题？

我用以下文件建立了一个非常基本的web项目：

• index.html
• styles.css
• scripts.js

我在html文件的头部包含了以下行：

<link href="https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css" rel="stylesheet">

<i class="icon ion-md-menu"></i>

我在html文件中使用了如下图标：

<link href="https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css" rel="stylesheet">

<i class="icon ion-md-menu"></i>

图标显示正确，但现在我在预览项目时收到一个CORS错误

CORS策略已阻止从源“”访问“”处的字体：请求的资源上不存在“访问控制允许源”标头

---

不知道为什么我现在收到的错误，而它的工作刚刚好之前。有没有办法解决这个问题？谢谢。

注入这些url似乎是个问题，所以当我转到cloudfare cdn解决这个问题时，

尝试将请求URL更改为

https://unpkg.com/ionicons@4.5.10-0/dist/font/ionicons.woff2

-因为那是URL

https://unpkg.com/ionicons@4.5.10-0/dist/font/ionicons.woff2？v=4.5.9-1

重定向到。但问题是，服务器发送的302重定向响应有一个

访问控制允许源：https://www.medical-care.net

响应标题，这意味着，如果发出请求的文档位于

https://www.medical-care.net

https://unpkg.com/ionicons@4.2.2/dist/css/ionicons.min.css

给了我同样的问题（已经使用了一年没有问题）。升级到

https://unpkg.com/ionicons@4.2.6/dist/css/ionicons.min.css

，问题得到解决。我猜unpkg有一些配置问题？更新cdn以使用

https://unpkg.com/ionicons@4.2.6@Tspoon建议的/dist/css/ionicons.min.css

可以为我正确显示图标。